ซึ่งการออกแบบตัวอักษรที่จะแสดงผลมีหลายรูปแบบด้วยกัน โดยจะแสดงลักษณะประโยคที่แตกต่างกันไป ดังนี้
1. คำสั่งแสดงหัวเรื่องต่างๆ ซึ่งจะแสดงขนาดที่แตกต่างกันออกไปดังนี้
โค้ด: เลือกทั้งหมด
<h1>หัวเรื่องขนาด 1</h1>
<h2>หัวเรื่องขนาด 2</h2>
<h3>หัวเรื่องขนาด 3</h3>
<h4>หัวเรื่องขนาด 4</h4>
<h5>หัวเรื่องขนาด 5</h5>
<h6>หัวเรื่องขนาด 6</h6>
โค้ด: เลือกทั้งหมด
<h3>หัวเรื่องปกติ <small>หัวเรื่องขนาดเล็ก</small></h3>
โค้ด: เลือกทั้งหมด
<p>เนื้อเรื่อง....<p>
<p class="lead">เนื้อเรื่อง....<p>
- แต่ถ้าต้องการเน้นข้อความจะใส่ <p class="lead"> ระบุ class เข้าไปด้วย
- แสดงผลดังภาพ 4. การเน้นข้อความที่สำคัญหรือการ highlight โดยจะเป็นคำสั่งที่จะเน้นเฉพาะจุดที่เราต้องการจะเน้นข้อความที่สำคัญ
โค้ด: เลือกทั้งหมด
การที่จะทำให้งานสำเร็จ<mark> ทีมที่ดีเป็นสิ่งสำคัญ </mark> ในการที่จะทำงานให้ไปสู่ความสำเร็จ
โค้ด: เลือกทั้งหมด
<del>ข้อความนี้ถูกลบ</del>
null<s>ข้อความนี้ไม่ถูกต้อง</s>
โค้ด: เลือกทั้งหมด
<small> ตัวอักษรเล็กกว่าปกติ</small>
<strong> ตัวอักษรดูแข็งแรง (หนา)</strong>
<em> ตัวอักษรเอียง</em>