หลักสำคัญในการเขียนภาษา HTML ที่เราต้องทำความเข้าใจคือเรื่องของแท็ก (TAG) ซึ่งจะมีคำสั่งต่างๆ หรือแท็กต่างๆ
ให้เราให้ศึกษาแท็กจะเริ่มต้นด้วยสัญลักษณ์ "<" และ ">" และปิดท้ายด้วยสัญลักษณ์ "</" และ ">" เสมอ

ตัวอย่างแท็ก ตัวอักษร

<b>สวัสดีครับ เพื่อนๆ</b>     ได้ผลลัพธ์     สวัสดีครับ เพื่อนๆ

<u>สวัสดีครับ เพื่อนๆ</u>     ได้ผลลัพธ์     สวัสดีครับ เพื่อนๆ

<i>สวัสดีครับ เพื่อนๆ</i>     ได้ผลลัพธ์     สวัสดีครับ เพื่อนๆ

หากนำมารวมกัน <b><u><i>สวัสดีครับ เพื่อนๆ</i></u></b>    ได้ผลลัพธ์     สวัสดีครับ เพื่อนๆ

<font color="#0000FF">สวัสดีครับ เพื่อนๆ</font>     ได้ผลลัพธ์     สวัสดีครับ เพื่อนๆ ( รวมโทนสีเลข 16 bit )

<font size="1">สวัสดีครับ เพื่อนๆ</font>     ได้ผลลัพธ์     สวัสดีครับ เพื่อนๆ

<font size="2">สวัสดีครับ เพื่อนๆ</font>     ได้ผลลัพธ์     สวัสดีครับ เพื่อนๆ

หากนำมารวมกัน <font size="3" color="#0000FF" >สวัสดีครับ เพื่อนๆ</font>     ได้ผลลัพธ์     สวัสดีครับ เพื่อนๆ

&copy;     ได้ผลลัพธ์     ©

&reg;     ได้ผลลัพธ์     ®

&trade;     ได้ผลลัพธ์     ™

&cent;     ได้ผลลัพธ์     ¢

&pound;     ได้ผลลัพธ์     £

&yen;     ได้ผลลัพธ์     ¥

&euro;     ได้ผลลัพธ์     €

&sect;     ได้ผลลัพธ์     §

&Oslash;     ได้ผลลัพธ์     Ø

&AElig;;     ได้ผลลัพธ์     Æ

&Ntilde;     ได้ผลลัพธ์     Ñ

ตัวอย่างแท็ก จุดเชื่อมโยง หรือ Link

<a href = "http://www.4x4.in.th">www.4x4.in.th</a>     ได้ผลลัพธ์     www.4x4.in.th (แบบเปลี่ยนหน้าเพจ)

<a href = "http://www.www.4x4.in.th" target="_blank">www.4x4.in.th</a>    ได้ผลลัพธ์     www.4x4.in.th (แบบเปิดหน้าเพจใหม่)

ตัวอย่างแท็ก นำรูปภาพมาแสดงบน Web Page

<img src = "http://www.4x4.in.th/vision0/image/carzy21.gif">     ได้ผลลัพธ์     (แบบขนาดเท่ารูปจริง)

<img src = "http://www.4x4.in.th/vision0/image/carzy21.gif" border="1">     ได้ผลลัพธ์     (แบบใส่ขอบรูป)

<img src = "http://www.4x4.in.th/vision0/image/carzy21.gif" border="0" width="30" height="30">     ได้ผลลัพธ์     (แบบกำหนดขนาด)

ตัวอย่างแท็ก อื่นๆ

<br>     ได้ผลลัพธ์     ขึ้นบรรทัดใหม่

<hr>     ได้ผลลัพธ์     ขีดเส้นตรง