Skip to main content

วิธีสร้างตัวหนาและตัวเอียงใน HTML

Anonim

ฝังแท็กมาร์กอัปสไตล์สำหรับตัวเอียงและเป็นตัวหนาในส่วนหัว HTML ของคุณเพื่อเพิ่มความสำคัญให้กับรายการวิชาของคุณ

หัวเรื่อง

แท็กหัวเรื่องเป็นวิธีที่ง่ายที่สุดในการแบ่งเอกสารของคุณ ถ้าคุณคิดว่าเว็บไซต์ของคุณเป็นหนังสือพิมพ์แล้วส่วนหัวเป็นหัวข้อข่าวในหนังสือพิมพ์ หัวเรื่องหลักคือ h1 และส่วนหัวต่อมาคือ h2 ถึง h6

ใช้รหัสต่อไปนี้เพื่อสร้าง HTML

หัวข้อนี้เป็นหัวเรื่อง 1

นี่คือหัวเรื่อง 2

หัวข้อนี้เป็นหัวเรื่อง 3

หัวข้อนี้เป็นหัวเรื่อง 4

หัวข้อนี้เป็นหัวเรื่อง 5
หัวข้อนี้เป็นหัวเรื่อง 6

เคล็ดลับการจำ

  • พยายามเก็บหัวเรื่องของคุณตามลำดับตรรกะ h1 มาก่อน h2 ซึ่งมาก่อน h3 เป็นต้น
  • ไม่ต้องกังวลมากเกินไปเกี่ยวกับลักษณะหัวเรื่อง - คุณควรใช้ CSS เป็นหัวเรื่องพาดหัวข่าวแทนการใช้บรรทัดแรกในการสั่งซื้อ
  • แท็กบรรทัดแรกเป็นองค์ประกอบระดับบล็อคดังนั้นพวกเขาจึงใส่บรรทัดตัวให้สำหรับคุณ อย่าใส่แท็ก P ภายในหัวเรื่องแท็ก

ตัวหนาและตัวเอียง

มีแท็กสี่แท็กที่คุณสามารถใช้เป็นตัวหนาและตัวเอียง:

  • และ สำหรับตัวหนา
  • และ สำหรับตัวเอียง

ไม่สำคัญว่าคุณจะใช้อะไร ในขณะที่บางคนชอบ และ แต่หลายคนพบ สำหรับ "ตัวหนา" และ สำหรับ "ตัวเอียง" ง่ายต่อการจดจำ

เพียงแค่ล้อมรอบข้อความของคุณด้วยแท็กเปิดและปิดเพื่อสร้างข้อความกล้าหรือ เอียง:

กล้าตัวเอียง

คุณสามารถวางแท็กเหล่านี้ได้ (ซึ่งหมายความว่าคุณสามารถสร้างข้อความทั้งตัวหนาและตัวเอียงได้) และไม่สำคัญว่าจะเป็นแท็กด้านนอกหรือด้านใน

ตัวอย่างเช่น:

ข้อความนี้เป็นตัวหนา

ข้อความนี้เป็นตัวหนา

ข้อความนี้เป็นตัวเอียง

ข้อความนี้เป็นตัวเอียง

ข้อความนี้มีทั้งตัวหนาและตัวเอียง

ข้อความนี้มีทั้งตัวหนาและตัวเอียง

เหตุใดจึงมีแท็กตัวหนาและตัวเอียงสองชุด

ใน HTML4, และ ถูกถือว่าเป็นแท็กสไตล์ที่มีผลต่อรูปลักษณ์ของข้อความเท่านั้นและไม่ได้กล่าวถึงเนื้อหาของแท็กและถือว่าเป็นรูปแบบที่ไม่ดีในการใช้แท็ก จากนั้นด้วย HTML5 พวกเขาได้รับความหมายทางความหมายภายนอกรูปลักษณ์ของข้อความ

ใน HTML5 แท็กเหล่านี้มีความหมายเฉพาะ:

  • หมายถึงข้อความที่ไม่มีความสำคัญมากกว่าข้อความที่อยู่โดยรอบ แต่งานนำเสนอแบบทั่วไปจะเป็นข้อความที่เป็นตัวหนาเช่นคำหลักในเอกสารนามธรรมหรือชื่อผลิตภัณฑ์ในการตรวจทาน
  • หมายถึงข้อความที่ไม่มีความสำคัญมากกว่าข้อความที่อยู่โดยรอบ แต่ข้อความนำเสนอแบบทั่วไปคือข้อความตัวเอียงเช่นชื่อหนังสือคำศัพท์ทางเทคนิคหรือวลีในภาษาอื่น
  • หมายถึงข้อความที่มีความสำคัญมากเมื่อเทียบกับข้อความโดยรอบ
  • หมายถึงข้อความที่มีความเครียดที่เด่นชัดเมื่อเทียบกับข้อความโดยรอบ