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>