การจัดรูปแบบข้อความ HTML
HTML มีองค์ประกอบหลายอย่างสำหรับกำหนดข้อความที่มีความหมายพิเศษ
ตัวอย่าง
This text is bold
This text is italic
This is subscript and superscript
องค์ประกอบการจัดรูปแบบ HTML
องค์ประกอบการจัดรูปแบบได้รับการออกแบบเพื่อแสดงข้อความประเภทพิเศษ:
<b>
- ข้อความตัวหนา<strong>
- ข้อความสำคัญ<i>
- ตัวเอียง<em>
- เน้นข้อความ<mark>
- ข้อความที่ทำเครื่องหมาย<small>
- ข้อความเล็กลง<del>
- ข้อความที่ถูกลบ<ins>
- แทรกข้อความ<sub>
- ข้อความตัวห้อย<sup>
- ข้อความยก
HTML <b> และ <strong> องค์ประกอบ
องค์ประกอบ HTML <b>
กำหนดข้อความตัวหนา โดยไม่มีความสำคัญเป็นพิเศษ
ตัวอย่าง
<b>This text is bold</b>
องค์ประกอบ HTML <strong>
กำหนดข้อความที่มีความสำคัญอย่างยิ่ง เนื้อหาภายในมักแสดงเป็นตัวหนา
ตัวอย่าง
<strong>This text is
important!</strong>
HTML <i> และ <em> องค์ประกอบ
องค์ประกอบ HTML <i>
กำหนดส่วนหนึ่งของข้อความด้วยเสียงหรืออารมณ์อื่น เนื้อหาภายในมักแสดงเป็นตัวเอียง
เคล็ดลับ: แท็ ก<i>
นี้มักใช้เพื่อระบุคำศัพท์ทางเทคนิค วลีจากภาษาอื่น ความคิด ชื่อเรือ ฯลฯ
ตัวอย่าง
<i>This text is italic</i>
องค์ประกอบ HTML <em>
กำหนดข้อความเน้น เนื้อหาภายในมักแสดงเป็นตัวเอียง
เคล็ดลับ:โปรแกรมอ่านหน้าจอจะออกเสียงคำต่างๆ<em>
โดยเน้นที่การใช้คำพูด
ตัวอย่าง
<em>This text is
emphasized</em>
HTML <small> องค์ประกอบ
องค์ประกอบ HTML <small>
กำหนดข้อความที่เล็กกว่า:
ตัวอย่าง
<small>This is some smaller text.</small>
HTML <mark> องค์ประกอบ
องค์ประกอบ HTML <mark>
กำหนดข้อความที่ควรทำเครื่องหมายหรือเน้น:
ตัวอย่าง
<p>Do not forget to buy <mark>milk</mark> today.</p>
HTML <del> องค์ประกอบ
องค์ประกอบ HTML <del>
กำหนดข้อความที่ถูกลบออกจากเอกสาร เบราว์เซอร์มักจะขีดเส้นผ่านข้อความที่ถูกลบ:
ตัวอย่าง
<p>My favorite color is <del>blue</del> red.</p>
HTML <ins> องค์ประกอบ
องค์ประกอบ HTML <ins>
กำหนดข้อความที่ถูกแทรกลงในเอกสาร เบราว์เซอร์มักจะขีดเส้นใต้ข้อความที่แทรก:
ตัวอย่าง
<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>
HTML <sub> องค์ประกอบ
องค์ประกอบ HTML <sub>
กำหนดข้อความตัวห้อย ข้อความตัวห้อยปรากฏขึ้นครึ่งอักขระใต้บรรทัดปกติ และบางครั้งแสดงด้วยแบบอักษรที่เล็กกว่า ข้อความตัวห้อยสามารถใช้กับสูตรเคมี เช่น H 2 O:
ตัวอย่าง
<p>This
is <sub>subscripted</sub> text.</p>
HTML <sup> องค์ประกอบ
องค์ประกอบ HTML <sup>
กำหนดข้อความตัวยก ข้อความตัวยกปรากฏขึ้นครึ่งอักขระเหนือบรรทัดปกติ และบางครั้งแสดงด้วยแบบอักษรที่เล็กกว่า สามารถใช้ข้อความตัวยกสำหรับเชิงอรรถ เช่น WWW [1] :
ตัวอย่าง
<p>This
is <sup>superscripted</sup> text.</p>
แบบฝึกหัด HTML
องค์ประกอบการจัดรูปแบบข้อความ HTML
Tag | Description |
---|---|
<b> | Defines bold text |
<em> | Defines emphasized text |
<i> | Defines a part of text in an alternate voice or mood |
<small> | Defines smaller text |
<strong> | Defines important text |
<sub> | Defines subscripted text |
<sup> | Defines superscripted text |
<ins> | Defines inserted text |
<del> | Defines deleted text |
<mark> | Defines marked/highlighted text |
สำหรับรายการแท็ก HTML ทั้งหมดที่มีอยู่ โปรดไปที่การอ้างอิงแท็ก HTMLของ เรา