เนื้อหา
เพิ่มบทหนึ่งลงในเว็บเพจเพื่อทำให้ตัวอักษรตัวแรกของย่อหน้าดูเหมือนตัวอักษรใหญ่ที่พบในหนังสือและหนังสือพิมพ์ มันจะต้องมีขนาดใหญ่กว่าส่วนที่เหลือของข้อความและตัวอักษรอื่น ๆ ควรจะล้อมรอบมัน คุณสามารถใช้ตัวพิมพ์ใหญ่โดยใช้สไตล์ CSS ภายในหน้า HTML
คำสั่ง
เรียนรู้วิธีทำอักษรตัวใหญ่เป็น HTML (รูปภาพ Comstock / รูปภาพ Stockbyte / Getty)-
เปิดตัวแก้ไข HTML และโหลดไฟล์ที่คุณต้องการเพิ่มไปยังบท
-
เพิ่มสไตล์ชีทใหม่หรือคลาส CSS ในส่วนหัว () ของไฟล์ HTML สิ่งสำคัญสำหรับสไตล์การ "ลอย" เพื่อให้ข้อความอื่นล้อมรอบตัวอักษร ตัวอย่างของวิธีการทำคือใช้รหัสต่อไปนี้:
พิมพ์ = "text / css" media = "all"> .my_drop_cap {float: left; ความสูงของเส้น: 1; ขนาดตัวอักษร: 4em; ระยะขอบขวา: 0.1em; น้ำหนักตัวอักษร: ตัวหนา; } -
ปิดตัวอักษรที่คุณต้องการให้พิมพ์ด้วยแท็ก "" ซึ่งสอดคล้องกับคลาสที่สร้างในส่วนหัว ใช้ตัวอย่างก่อนหน้าเพิ่มรหัสนี้ในส่วนเนื้อหาของ HTML:
จดหมายฝากส่งของฉัน
-
บันทึกไฟล์ HTML และโหลดลงในเว็บเบราว์เซอร์เพื่อดูการยอมจำนน
การเตือน
- เบราว์เซอร์เวอร์ชันเก่าอาจแสดงโค้ด CSS บางอย่างในรูปแบบที่ไม่คาดคิด โหลดหน้า HTML ในหลาย ๆ เบราว์เซอร์เพื่อให้แน่ใจว่าแสดงอย่างถูกต้อง