ใช้ attribute rel=nofollow ในแท็ก <a> เพื่อบอก search engine ว่า อย่าติดตามลิงก์นี้ หรือ อย่าส่ง PageRank ผ่านลิงก์นี้ รูปแบบ <a href=https://example.com rel=nofollow>Another Website</a> เมื่อไหร่ควรใช้ nofollow ลิงก์โฆษณา/สปอนเซอร์ (paid links) User-generated content (comme

ใช้แท็ก <ol> พร้อม attribute type=A เพื่อสร้างรายการลำดับที่มีตัวเลขเป็นตัวอักษรใหญ่ A, B, C, D... ค่าของ type attribute ทั้งหมด ค่ารูปแบบ 11, 2, 3... (default) aa, b, c... AA, B, C... ii, ii, iii... II, II, III... ตัวอย่าง <!DOCTYPE html> <html

ใช้แท็ก <ol> พร้อม attribute type=I เพื่อสร้างรายการลำดับที่มีตัวเลขเป็นเลขโรมันตัวใหญ่ I, II, III, IV, V... ค่าของ type attribute สำหรับเลขโรมัน ค่ารูปแบบ ii, ii, iii, iv, v... (ตัวเล็ก) II, II, III, IV, V... (ตัวใหญ่) ตัวอย่าง <!DOCTYPE html> <html> &l

ใช้แท็ก <ol> พร้อม attribute type=i เพื่อสร้างรายการลำดับที่มีตัวเลขเป็นเลขโรมันตัวเล็ก i, ii, iii, iv, v... ค่าของ type attribute สำหรับเลขโรมัน ค่ารูปแบบ ii, ii, iii, iv, v... (ตัวเล็ก) II, II, III, IV, V... (ตัวใหญ่) ตัวอย่าง <!DOCTYPE html> <html> &l

หากคุณไม่มีความรู้ HTML/CSS ก็สามารถสร้างเว็บไซต์ได้ด้วยเครื่องมือที่ไม่ต้องเขียนโค้ด (No-code/Low-code) วิธีหลัก 2 แบบ 1. Website Builders (ตัวสร้างเว็บไซต์) มักมาพร้อมกับ hosting (Wix, Squarespace, Weebly, Shopify) Drag-and-drop interface เลือก template แล้วปรับแต่ง เหมาะสำหรับ: ร้านค้าออ

แท็ก <abbr> ใช้สำหรับทำเครื่องหมายคำย่อ (abbreviation) และ acronym (คำย่ออ่านเป็นคำ) ใน HTML5 รวมทั้งสองอย่างไว้ในแท็กเดียวกัน คุณสมบัติ attribute title - ให้ความหมายเต็มของคำย่อ (tooltip แสดงเมื่อ hover) Browser บางตัวจะแสดงเส้นจุดใต้คำย่อ ช่วย accessibility (screen reader อ่านความหมา

แท็ก <cite> ใช้สำหรับระบุชื่องานผลงาน (work title) เช่น หนังสือ เพลง ภาพวาด ภาพยนตร์ โปรแกรมทีวี ฯลฯ Browser จะแสดงเป็นตัวเอียง (italic) โดยค่าเริ่มต้น การใช้งาน ใช้สำหรับชื่อผลงานเท่านั้น ไใช่ชื่อคน/ผู้แต่ง ชื่อผู้แต่งควรอยู่นอก <cite> สามารถใช้ร่วมกับ <blockquote> หรือ &l

ใช้ CSS property direction ผ่าน attribute style หรือ dir attribute เพื่อควบคุมทิศทางการไหลของข้อความ ค่าที่ใช้ได้ ค่าคำอธิบาย ltrซ้ายไปขวา (Left-to-Right) - ค่าเริ่มต้น rtlขวาไปซ้าย (Right-to-Left) inheritสืบทอดจาก element พ่อ ตัวอย่าง <!DOCTYPE html> <html&g

ใช้ CSS property direction: rtl เพื่อแสดงข้อความจากขวาไปซ้าย เหมาะสำหรับภาษาอรบิก ฮิบรู ฟาร์สี ฯลฯ ค่าของ direction property ค่าคำอธิบาย ltrซ้ายไปขวา (ค่าเริ่มต้น) rtlขวาไปซ้าย inheritสืบทอดจาก parent element ตัวอย่าง <!DOCTYPE html> <html> <head>

HTML Comments ใช้สำหรับใส่บันทึกในโค้ดที่ browser จะไม่แสดงผล ช่วยให้ developer อ่านโค้ดเข้าใจง่ายขึ้น รูปแบบ <!-- นี่คือความคิดเห็น จะไม่แสดงใน browser --> การใช้งาน อธิบายโค้ดที่ซับซ้อน ปิดบล็อกโค้ชั่วคราว (disable code) ทำเครื่องหมายตำแหน่ง section () ใส่ข้อมูล copyright, author,

Conditional Comments เป็นฟีเจอร์เฉพาะของ Internet Explorer (IE 5-9) ใช้สำหรับโหลดโค้ด/สไตล์เฉพาะ IE ไม่ส่งผลต่อ browser อื่น รูปแบบ <!--[if IE 9]> <link rel=stylesheet href=ie9.css> <![endif]--> เงื่อนไขที่ใช้ได้ เงื่อนไขความหมาย IEทุกเวอร์ชัน IE IE 9เฉพาะ

ใช้แท็ก <ol> (Ordered List) สร้างรายการที่มีลำดับ ใช้ร่วมกับ <li> (List Item) สำหรับแต่ละรายการ โครงสร้างพื้นฐาน <ol> <li>รายการแรก</li> <li>รายการที่สอง</li> <li>รายการที่สาม</li> </ol> ตัวอย่าง <!DOCTYPE html> <html> &

ใช้ CSS property list-style-type: disc ในแท็ก <ul> เพื่อกำหนด bullet เป็นจุดเต็ม (เป็นค่าเริ่มต้นของ browser แล้ว) ตัวอย่าง <!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <h1>Developed Countries</h1>

ใช้ CSS property list-style-type: circle ในแท็ก <ul> เพื่อเปลี่ยน bullet เริ่มต้นเป็นรูปวงกลมว่าง ตัวอย่าง <!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <h1>Developed Countries</h1> <p>The list

ใช้ CSS property list-style-type: square ในแท็ก <ul> เพื่อเปลี่ยน bullet เริ่มต้นเป็นรูปสี่เหลี่ยมจัตุรัส ตัวอย่าง <!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <h1>Developed Countries</h1> <p>

ใช้ CSS property list-style-image ในแท็ก <ul> เพื่อกำหนดรูปภาพเป็น bullet แทน bullet เริ่มต้น ตัวอย่าง <!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <h2>Tutorials</h2> <p>The list of tutorials:

ใช้ CSS property list-style-type: none ในแท็ก <ul> เพื่อซ่อน bullet เริ่มต้น ตัวอย่าง <!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <h1>Developed Countries</h1> <p>The list of developed countri

ใช้ CSS property padding-left ในแท็ก <li> เพื่อเพิ่มช่องว่างระหว่าง bullet กับข้อความ ตัวอย่าง: รายการปกติ (ไม่มีช่องว่างเพิ่ม) <ul style=list-style-type:disc> <li>US</li> <li>Australia</li> <li>New Zealand</li> </ul> ตัวอย่าง: เพิ่ม padd

HTML Editor คือโปรแกรมช่วยเขียนและแก้ไขโค้ด HTML แบบ WYSIWYG (What You See Is What You Get) หรือแบบ Code Editor ทั่วไป ตัวอย่างชื่อดัง: VS Code, Sublime Text, Adobe Dreamweaver, Notepad++, WebStorm คุณสมบัติที่ควรพิจารณา 1. Code Folding (การย่อโค้ด) ย่อ/ขยายบล็อกโค้ดได้ ช่วยจัดการไฟล์ขนาดใหญ่ เน้น

ใช้แท็ก <ol> พร้อม attribute type=1 สำหรับรายการลำดับตัวเลข 1, 2, 3... (เป็นค่าเริ่มต้นแล้ว ไม่ต้องระบุก็ได้) ค่าของ type attribute ค่ารูปแบบ 11, 2, 3... (ค่าเริ่มต้น) aa, b, c... AA, B, C... ii, ii, iii... II, II, III... ตัวอย่าง <!DOCTYPE html> &