แท็ก DIV(อ่านว่า เด็ฟ) เป็นแท็กที่ใช้ในการกำหนด Layout การจัดเรียงเนื้อหาต่างๆให้กับหน้าเว้บไซต์ ให้มีความเป็นระเบียบมากขึ้น อย่างเช่นการจัดบน-ล่างเป็นลำดับ
   วิธีการใช้งานแท็ก div ก็เป็นการเปิดปิดแบบปกติ

เช่น <div> .. </div>

การใส่แท็ก div นั้น จะไม่แสดงผลว่ามี div อยู่แบบให้เห็น ยกตัวอย่าง
<div> วิธีการเขียนแท็ก div </div>
การแสดงผลก็จะเป็บอย่างนี้

วิธีการเขียนแท็ก div

เท่านั้น แต่เมื่อ เรากำหนด style css ให้กับแท็ก div แล้วก็สามารถทำให้มีสีพื้นหลังจากแท็ก div ได้

   การใส่ CSS ให้กับหน้าเว็บเป็นการเพิ่มสไตล์ ให้กับเว็บไซต์ ไม่ทื่อๆ เหมือน html ธรรมดา

 วิธีการใส่ Comment ให้กับสคริปต์ เป็นการใส่คำอธิบายว่าส่วนนี้สื่อถึงอะไร จะเขียนเพื่ออะไร วิธีการใส่ Comment ได้บอกไปในบทก่อนหน้านี้แล้วแต่อันนี้เป็นวิธีการใส่ให้กับ CSS

  การเพิ่มคอมเม้นให้กับรูปภาพเป็นการอธิบายว่าภาพนั้นๆ เกี่ยวกับอะไร เป็นภาพของอะไรใช้ทำอะไรการใส่ alt ให้กับรูปภาพก็มีผลต่อการค้นหาแบบรูปภาพของ google เช่นกัน การใส่คอมเม้นให้กับรูปภาพจะใช้กับแท็ก img ยกตัวอย่าง

<img src="#" alt="บลาๆๆ" />

เมื่อนำเม้าส์ไปวางบนรูปภาพก็จะเกิดข้อความคำว่า บลาๆๆ อยู่

   แท็กเพิ่มรูปภาพเป็นแท็กที่ใช้ในการเพิ่มรูปภาพ โดยการเขียน code วิธีการเขียนแท็กเพิ่มรูปภาพก็ไม่ยากมาก มีวิธีดังนี้

<img src="img/file/bg.jpg" />

จากสคริปต์เป็นการดึงไฟล์ชื่อว่า bg ที่มีไฟล์นามสุลเป็น JPG เรียกมาแสดงผลที่หน้าเว็บไซต์ โดยที่มีที่อยู่ของรูปภาพคือ ไฟล์ img ต่อไปก็ file ซึ่ง การเพิ่มรูปภาพอาจจะเขียนด้วยวิธีนี้ได้เช่นกัน คือ

<img src="http://mysite.com/logo.png" />

แท็กที่ดูสั่นๆของแท็กเพิ่มรูปภาพคือ <img />
การเพิ่มรูปภาพให้กับเว็บไซต์ แต่ในบทต่อไปจะเป็นการกำหนดขนาดของภาพและการใส่คอมเม้นให้กับรูปภาพ สามารถติดตามได้ในบทต่อๆไป

   การลิ้งก์เมล์แบบข้อความเป็นการเชื่อมต่อเข้าเมล์ โดยการให้ผู้ใช้ไปยังหน้าการส่งเมล์ เมื่อผู้ใช้กดลิ้งก์ที่เราทำไว้มันจะพาไปยังหน้าส่งเมล์หรืออาจจะมี pop-up เด้งขึ้นมา
รูปแบบการเขียนโค้ด <a href="Mailto:me@hotmail.com">ส่งเมล์ถึงเรา</a>

ตัวอย่างการแสดงผล

ส่งเมล์ถึงเรา

อันนี้ก๋็กรแสดงผลของการส่งเมล์จากข้อความ

  ตอนนี้จะอธิบายกี่ยวกับการลิ้งก์ข้อความกับเว็บไซต์ แต่เมื่อกี้ได้เห็นตัวอย่างการลิ้งก์เว็บไซต์กันไปแล้ว ทีนี้จะมาอธิบายโค้ด

<a href="http://google.com/" target="_blank">google</a>