HTML Formatting การจัดรูปแบบตัวอักษร
HTML Formatting การจัดรูปแบบตัวอักษรในภาษา HTML สามารถทำได้โดยการใช้แท็กต่าง ๆ เช่น แท็ก <b> ใช้ทำตัวหนา แท็ก <i> ใช้ทำตัวเอียง เป็นต้น
ทำตัวหนาด้วยแท็ก <b> และ <strong>
แท็ก <b> ใช้สำหรับทำตัวอักษรเป็นตัวหนา (bold text) โดยที่ไม่มีระดับความสำคัญใด ๆ มีรูปแบบการใช้งานดังนี้
<b>This text is bold</b> <b>This is bold text</b>
แท็ก <strong> ใช้สำหรับทำตัวอักษรเป็นตัวหนา (strong text) และเพิ่มดับความสำคัญเชิงความหมาย ( semantic importance ) ด้วย มีรูปแบบการใช้งานดังนี้
<strong>This text is strong</strong> <strong>This is strong text</strong>
ทำตัวเอียงด้วยแท็ก <i> และ <em>
แท็ก <i> ใช้สำหรับทำตัวอักษรเป็นตัวเอียง (italic text) โดยไม่มีระดับความสำคัญเชิงความหมายใด ๆ มีรูปแบบการใช้งานดังนี้
<i>This text is italic</i> <i>This is italic text</i>
แท็ก <em> ใช้ทำตัวอักษรเป็นตัวเอียงแบบเน้นข้อความ ( emphasized text ) และเพิ่มระดับความสำคัญเชิงความหมาย ( semantic importance ) ด้วย มีรูปแบบการใช้งานดังนี้
<em>This text is emphasized</em> <em>This is emphasized text</em>
ทำตัวอักษรให้เล็กกว่าปกติด้วยแท็ก <small>
เราสามารถทำให้ตัวอักษรแสดงเป็นตัวอักษรที่เล็กกว่าปกติในกลุ่มตัวอักษรที่อยู่ในแท็กเดียวกันได้ โดยใช้แท็ก <small> โดยมีรูปแบบการใช้งานดังนี้
<h2>This Is <small>Small</small> Text</h2>
ทำไฮไลท์ตัวอักษรด้วยแท็ก <mark>
เมื่อต้องการทำไฮไลท์ตัวอักษรหรือข้อความ สามารถทำได้โดยการใช้แท็ก <mark> ซึ่งมีรูปแบบการใช้งานดังนี้
<h2>This is <mark>Marked</mark> Text</h2>
ทำเครื่องหมายขีดทับข้อความด้วยแท็ก <del>
ถ้ามีข้อความบางข้อความที่เราต้องการทำเครื่องหมายขีดทับเพื่อเป็นการบอกว่า ข้อความนี้ถูกลบแล้ว หรือด้วยเหตุผลใดก็แล้วแต่ สามารถทำได้โดยใช้แท็ก <del> ดังนี้
<p>This text is <del>deleted</del> already.</p>
ขีดเส้นใต้ข้อความด้วยแท็ก <ins>
เราสามารถทำข้อความเป็นข้อความขีดเส้นใต้โดยการใช้แท็ก <ins> ดังนี้
<p>This text is <ins>inserted</ins> already.</p>
ทำตัวอักษรห้อยด้วยแท็ก <sub>
ถ้าต้องการทำตัวอักษรเป็นตัวห้อย ( subscripted text ) สามารถทำได้โดยการใช้แท็ก <sub> โดยมีรูปแบบการใช้งานดังนี้
<p>This is <sub>subscripted</sub> text.</p>
ทำตัวอักษรเป็นตัวยกด้วยแท็ก <sup>
เราสามารถทำตัวอักษรหรือข้อความเป็นตัวยก ( superscripted text ) โดยการใช้แท็ก <sup> โดยมีรูปแบบการใช้งานดังนี้
<p>This is <sup>superscripted</sup> text.</p>
