ใน HTML5 ไม่รองรับ attribute width และ height ของแท็ก <td> แล้ว ต้องใช้ CSS property แทน โดยระบุผ่าน attribute style หรือผ่าน stylesheet วิธีการ <td style=width: 100px; height: 100px>เนื้อหา</td> ตัวอย่างเต็ม <!DOCTYPE html> <html> <head> <style> tab

Image Map ใน HTML ช่วยให้คุณกำหนดพื้นที่หลายบริเวณบนรูปภาพเดียว ให้แต่ละบริเวณลิงก์ไปยัง URL ต่างกันได้ เช่น คลิกที่รูปสี่เหลี่ยมไปเว็บไซต์หนึ่ง คลิกที่รูปสามเหลี่ยมไปอีกเว็บหนึ่ง แท็กหลักที่ใช้ <map> - กำหนดชื่อแผนที่ (name attribute) <area> - กำหนดพื้นที่คลิกได้แต่ละบริเวณ วางอยู

การทำให้รูปภาพเป็น Responsive ใน HTML สามารถทำได้ง่ายๆ โดยการกำหนดคุณสมบัติ CSS เพียงสองอย่าง คือ height: auto และ max-width: 100% ซึ่งจะทำให้รูปภาพปรับขนาดตามความกว้างของ container โดยอัตโนมัติ และยังคงสัดส่วนเดิมไว้ได้ ตัวอย่างโค้ด <!DOCTYPE html> <html> <head></head> <

เพื่อใช้ภาพลอย (floating image) ใน HTML ใช้คุณสมบัติ CSS float มันอนุญาตให้คุณลอยภาพไปทางซ้ายหรือขวา ค่า property เพิ่มเติมมีดังนี้: Sr.No. Property Value & Description 1noneไม่ลอย (ค่าเริ่มต้น) 2leftลอยไปทางซ้าย 3rightลอยไปทางขวา 4initialค่าเริ่มต้น ตัวอย่าง <!DOCTYPE html> &

เพื่อใช้ emphasized formatting ใน HTML ใช้แท็ก <em>...</em> มันกำหนด emphasized text และเพิ่มความสำคanychเชิงความหมาย (semantic importance) จำไว้ว่าเป็น phrase tag ซึ่ง render เป็น emphasized text ตัวอย่าง <!DOCTYPE html> <html> <head> <title>HTML em t

เพื่อสร้างตารางใน HTML ใช้แท็ก <table> ตารางประกอบด้วยแถวและคอลัมน์ ซึ่งตั้งค่าได้โดยใช้ <tr>, <th>, และ <td> elements แถวตารางถูกกำหนดโดยแท็ก <tr> เพื่อตั้งค่าหัวตาราง ใช้แท็ก <th> สำหรับเซลล์ตาราง ใช้แท็ก <td> จำไว้ว่า attribute ตาราง เช่น align, bgcolor,

Small font ใช้สำหรับกำหนด small formatting สำหรับ small formatting ใช้แท็ก HTML <small> ข้อความภายในแท็ก <small>...</small> จะได้ขนาดตัวอักษรเล็กลง จำไว้ว่า ใช้แท็ก <small>...</small> ภายในแท็ก <p>...</p> ตัวอย่าง <!DOCTYPE html> <html> &

เพื่อสร้างหัวตารางใน HTML ใช้แท็ก <th>...</th> แท็ก table header ถูกล้อมรอบโดย table row <tr>...</tr> แท็ก <tr> ถูกล้อมรอบโดยแท็ก <table> ตารางประกอบด้วยแถวและคอลัมน์ ซึ่งตั้งค่าได้โดยใช้ <tr>, <th>, และ <td> elements ใช้ attribute style เพื่อเพิ

เพื่อตั้งค่าตัวอักษรขนาดเล็กใน HTML ใช้ attribute style attribute style ระบุ inline style สำหรับองค์ประกอบ ใช้กับแท็ก HTML <p> พร้อม CSS property font-size HTML5 ไม่รองรับแท็ก <font> จึงใช้ CSS style แทน จำไว้ว่า การใช้ style attribute จะ override สไตล์ที่ตั้งค่าไว้แบบ global จะทับท書きสไ

เพื่อสร้างแถวและคอลัมน์ตารางใน HTML ใช้แท็ก <table> ตารางประกอบด้วยแถวและคอลัมน์ ซึ่งตั้งค่าได้โดยใช้ <tr>, <th>, และ <td> elements แถวตารางถูกกำหนดโดยแท็ก <tr> สำหรับแถวและคอลัมน์ตาราง ใช้แท็ก <tr> และ <td> ตามลำดับ แท็ก <td> จำไว้ว่า attribute ตาราง

เพื่อใส่เส้นใต้ข้อความใน HTML ใช้แท็ก <u> แท็ก <u> ถูก deprecated ใน HTML แต่นำกลับมาใหม่ใน HTML5 ตอนนี้มันแทนข้อความที่แตกต่างจากข้อความอื่นในแง่สไตลิสติก เช่น คำที่สะกดผิด เพื่อใส่เส้นใต้ข้อความ ยังสามารถใช้ attribute style ได้ attribute style ระบุ inline style สำหรับองค์ประกอบ สามารถ

Title เป็นสิ่งจำเป็นในทุกเอกสาร HTML เพื่อกำหนด title ของเอกสาร ใช้แท็ก <title> Title ของเอกสารจะมองเห็นได้บน toolbar ของเว็บเบราว์เซอร์ และผลการค้นหาของ search engines แสดง title สำหรับหน้า HTML จำไว้ว่า ควรเพิ่ม <title>...</title> ภายในแท็ก <head>...</head> ตัวอย่

แท็ก <hr> แทน Horizontal Rule ใน HTML ใช้แยกเนื้อหาในหน้า HTML จำไว้ว่าแท็ก <hr> ไม่มี end tag เพิ่มในแท็ก <body> ... </body> ในหน้า HTML ตัวอย่าง <!DOCTYPE html> <html> <head> <title>HTML Horizontal Rule</title> </head> &

Attribute href ในหน้า HTML ใช้ระบุ URL สำหรับหน้าเว็บ หากไม่มี attribute href แท็ก <a> จะไม่ถูกนับเป็น hyperlink จำไว้ว่า attribute href ควรถูกรวมเป็น attribute สำหรับแท็ก <a> ควรใช้ภายในแท็ก <body>...</body> ตัวอย่าง <!DOCTYPE html> <html> <head>

เพื่อเพิ่มภาพในหน้า HTML ใช้แท็ก <img> พร้อมกับ attributes height และ width เพื่อตั้งค่าความสูงและความกว้างของภาพในหน่วยพิกเซล จำไว้ว่าควรระบุทั้งสอง attributes นี้เสมอ ตัวอย่าง <!DOCTYPE html> <html> <head> <title>HTML Document</title> </head>

ด้วย HTML สามารถเพิ่ม hyperlinks ได้ง่ายในหน้า HTML ใดๆ ลิงก์หน้าทีม, เกี่ยวกับเรา หรือแม้แต่หน้าทดสอบ โดยทำให้เป็น hyperlink สามารถสร้าง hyperlink สำหรับเว็บไซต์ภายนอกได้เช่นกัน เพื่อสร้าง hyperlink ในหน้า HTML ใช้แท็ก <a> และ </a> ซึ่งเป็นแท็กสำหรับกำหนดลิงก์ แท็ก <a> บอกว่า hyp

แท็ก <head> เป็น container สำหรับ head elements ทั้งหมดในหน้า HTML การเพิ่มแท็ก <head>...</head> ทำได้ง่าย เพิ่ม title ของเอกสาร หรือ meta information, styles, scripts, ฯลฯ จำไว้ว่า แท็ก <title>...</title> ถูกเพิ่มภายในแท็ก <head>...</head> ตัวอย่าง <

เพื่อตั้งค่าสีพื้นหลังใน HTML ใช้ attribute style attribute style ระบุ inline style สำหรับองค์ประกอบ ใช้กับแท็ก HTML <body> พร้อม CSS property background-color HTML5 ไม่รองรับ attribute bgcolor ของแท็ก <body> จึงใช้ CSS style แทน attribute bgcolor ถูก deprecated ใน HTML5 จำไว้ว่า การใช้

เพื่อตั้งค่าสีตัวอักษรใน HTML ใช้ attribute style attribute style ระบุ inline style สำหรับองค์ประกอบ ใช้กับแท็ก HTML <p> พร้อม CSS property color HTML5 ไม่รองรับแท็ก <font> จึงใช้ CSS style แทน แท็ก <font> ถูก deprecated ใน HTML5 จำไว้ว่า การใช้ style attribute จะ override สไตล์ที

Stylesheet ใช้ใน HTML เพื่ออธิบายว่าเอกสารถูกนำเสนอบนหน้าจออย่างไร ด้วย CSS สามารถระบุคุณสมบัติการจัดรูปแบบจำนวนมากสำหรับ HTML element ได้ แต่ละคุณสมบัติมีชื่อและค่า แยกด้วย colon (:) สามารถใช้ CSS ใน HTML ได้ 3 วิธี: External Style Sheet - กำหนดกฎ stylesheet ในไฟล์ .css แยก แล้วรวมใน HTML ด้วยแท็