บทช่วยสอนHTML

HTML หน้าแรก บทนำ HTML โปรแกรมแก้ไข HTML HTML พื้นฐาน องค์ประกอบ HTML แอตทริบิวต์ HTML ส่วนหัว HTML ย่อหน้า HTML รูปแบบ HTML การจัดรูปแบบ HTML ใบเสนอราคา HTML ความคิดเห็น HTML HTML สี HTML CSS ลิงค์ HTML รูปภาพ HTML HTML Favicon ตาราง HTML รายการ HTML บล็อก HTML & อินไลน์ คลาส HTML รหัส HTML HTML Iframes HTML JavaScript เส้นทางไฟล์ HTML หัวหน้า HTML เค้าโครง HTML HTML Responsive HTML รหัสคอมพิวเตอร์ HTML Semantics คู่มือสไตล์ HTML เอนทิตี HTML สัญลักษณ์ HTML HTML Emojis ชุดอักขระ HTML การเข้ารหัส URL HTML HTML กับ XHTML

แบบฟอร์มHTML

แบบฟอร์ม HTML คุณสมบัติแบบฟอร์ม HTML องค์ประกอบแบบฟอร์ม HTML ประเภทอินพุต HTML แอตทริบิวต์การป้อนข้อมูล HTML แอตทริบิวต์แบบฟอร์มการป้อนข้อมูล HTML

กราฟิกHTML

HTML Canvas HTML SVG

สื่อHTML

สื่อ HTML วิดีโอ HTML HTML Audio ปลั๊กอิน HTML HTML YouTube

HTML APIs

HTML Geolocation HTML ลาก/วาง HTML Web Storage HTML Web Workers HTML SSE

ตัวอย่างHTML

ตัวอย่าง HTML แบบทดสอบ HTML แบบฝึกหัด HTML ใบรับรอง HTML สรุป HTML การเข้าถึง HTML

ข้อมูลอ้างอิงHTML

รายการแท็ก HTML แอตทริบิวต์ HTML HTML Global Attributes รองรับ HTML Browser เหตุการณ์ HTML HTML สี HTML Canvas HTML เสียง/วิดีโอ HTML Doctypes ชุดอักขระ HTML การเข้ารหัส URL HTML HTML Lang Codes ข้อความ HTTP วิธี HTTP ตัวแปลง PX เป็น EM แป้นพิมพ์ลัด

ส่วนหัว HTML


หัวข้อ HTML คือชื่อหรือคำบรรยายที่คุณต้องการแสดงบนหน้าเว็บ


ตัวอย่าง

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

ส่วนหัว HTML

ส่วนหัว HTML ถูกกำหนดด้วยแท็ก<h1>ถึง<h6>

<h1>กำหนดหัวเรื่องที่สำคัญที่สุด <h6>กำหนดหัวเรื่องที่สำคัญน้อยที่สุด

ตัวอย่าง

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

หมายเหตุ:เบราว์เซอร์จะเพิ่มช่องว่าง (ระยะขอบ) ก่อนและหลังส่วนหัวโดยอัตโนมัติ


หัวเรื่องมีความสำคัญ

เสิร์ชเอ็นจิ้นใช้ส่วนหัวเพื่อจัดทำดัชนีโครงสร้างและเนื้อหาของหน้าเว็บของคุณ

ผู้ใช้มักจะดูหน้าตามหัวเรื่อง สิ่งสำคัญคือต้องใช้หัวเรื่องเพื่อแสดงโครงสร้างเอกสาร

<h1>ควรใช้หัวเรื่องสำหรับหัวเรื่องหลัก ตามด้วย<h2>หัวเรื่อง รองลงมามีความสำคัญน้อยกว่า <h3>และอื่นๆ

หมายเหตุ:ใช้ส่วนหัว HTML สำหรับส่วนหัวเท่านั้น อย่าใช้หัวเรื่องเพื่อทำให้ ข้อความใหญ่หรือหนา


หัวเรื่องใหญ่

ส่วนหัว HTML แต่ละรายการมีขนาดเริ่มต้น อย่างไรก็ตาม คุณสามารถระบุขนาดสำหรับส่วนหัวใดๆ ที่มีstyleแอตทริบิวต์ได้ โดยใช้คุณสมบัติ CSS font-size:

ตัวอย่าง

<h1 style="font-size:60px;">Heading 1</h1>


แบบฝึกหัด HTML

ทดสอบตัวเองด้วยแบบฝึกหัด

ออกกำลังกาย:

ใช้แท็ก HTML ที่ถูกต้องเพื่อเพิ่มหัวข้อที่มีข้อความ "ลอนดอน"



<p>ลอนดอนเป็นเมืองหลวงของอังกฤษ เป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 13 ล้านคน</p>


การอ้างอิงแท็ก HTML

การอ้างอิงแท็กของ W3Schools มีข้อมูลเพิ่มเติมเกี่ยวกับแท็กเหล่านี้และแอตทริบิวต์

Tag Description
<html> Defines the root of an HTML document
<body> Defines the document's body
<h1> to <h6> Defines HTML headings

สำหรับรายการแท็ก HTML ทั้งหมดที่มีอยู่ โปรดไปที่การอ้างอิงแท็ก HTMLของ เรา