ทำแบบทดสอบก่อนเรียน
การออกแบบเว็บไซต์
ภาษา html
การจัดรูปแบบเอกสาร
การจัดรูปแบบตัวอักษร
การใส่รูปภาพลงในเว็บเพจ
การสร้างตาราง
การเชื่อมโยงเว็บเพจ
การใส่ไฟล์มัลติมีเดีย
แบบทดสอบหลังเรียน


        1.2 การกำหนดลักษณะของตัวอักษร (Style)

              การกำหนดลักษณะของแบบอักษรเป็นการกำหนดลักษณะของตัวอักษร เพื่อให้เกิดความสวยงามและ
เด่นชัดของข้อความเพื่อให้เหมาะสมกับเอกสารที่จะแสดง โดยการกำหนดลักษณะของแบบอักษรนั้นสามารถใช้
แท็กคำสั่งต่อไปนี้

<b> ข้อความ… </b>  กำหนดตัวอักษรหนา (bold)
<i>ข้อความ… </i> กำหนดอักษรตัวเอน (Italic)
<u>ข้อความ… </u> กำหนดขีดเส้นใต้ตัวอักษร (Underline)
<tt> ข้อความ… </tt> กำหนดตัวอักษรพิมพ์ดีด  (Typewriter)
<s> ข้อความ… </s> กำหนดขีดส้นพาดทับกลางตัวอักษร (strikethrough)
<sub> ข้อความ… </sub> กำหนดลักษณะของตัวห้อย (subscript)
<sup> ข้อความ… </sup> กำหนดลักษณะตัวยก (superscript) 
<big> ข้อความ… </big> กำหนดลักษณะอักษรตัวโต (Big)
<small> ข้อความ… </small> กำหนดลักษณะของอักษรตัวเล็ก (Small)
<em> ข้อความ… </em> กำหนดให้เป็นการเน้นข้อความ (Emphasized text)
<strong> ข้อความ… </strong> กำหนดให้ข้อความข้อความนั้นสำคัญ (Important text>
<mark> ข้อความ… </mark> การกำหนดให้เน้นข้อความด้วยแถบสี (Highlighted text)
<q> ข้อความ… </q> การกำหนดแสดงข้อความในเครื่องหมายคำพูด (Quotation)

(แท็ก <tt> นิยมใช้กันมากใน HTML รุ่นก่อนๆ แต่จะไม่รองรับใน HTML5)


ตัวอย่างการจัดรูปแบบลักษณะตัวอักษร

<!DOCTYPE html>
<html>
<head>
<title>font face</title>
</head>
<body>
              <h3> ลักษณะตัวอักษร Character Styles </h3>
                    ตัวอักษรปกติ…Normal character <br>
                    <b>ตัวอักษรแบบหนา… Bold  character </b> <br>
                    <i>ตัวอักษรแบบตัวเอน…Italic character </i> <br>      
                    <u>ตัวอักษรแบบตัวขีดส้นใต้… Underline character </u> <br>
                    <tt>ตัวอักษรแบบตัวพิมพ์ดีด… character </tt> <br>
                    <s>ตัวอักษรแบบขีดฆ่า…Strikethrough character </s> <br>
                     ตัวอักษรแบบตัวห้อย…<sub> Subscript character </sub> <br>
                     ตัวอักษรแบบตัวยก… <sup>superscript character </sup> <br>
                     <big> ตัวอักษรแบบตัวโต … big character </ Big > <br>
                     <small > ตัวอักษรแบบตัวพิมพ์ดีด… small character </small> <br>
                     ตัวอักษรแบบ<Em>ตัวเน้น </Em><br>
                     ข้อความนี้<Strong>สำคัญมาก</ Strong ><br>
                     ข้อความนี้<Mark>ควรพิจารณา</Mark><br>
                     ข้อความนี้ที่อยู่ใน<q>เครื่องหมายคำพูด </q ><br>

</body>
</html>


ผลที่ได้บนเว็บเบราว์เซอร์