ล่าสุดการพัฒนาเว็บบทเรียน
×

HTML5 เกี่ยวกับการสอน

HTML บ้าน HTML บทนำ บรรณาธิการ HTML HTML ขั้นพื้นฐาน HTML องค์ประกอบ HTML แอตทริบิวต์ HTML หัวเรื่อง HTML ย่อหน้า HTML รูปแบบ HTML การจัดรูปแบบ HTML ใบเสนอราคา HTML รหัสคอมพิวเตอร์ HTML ความคิดเห็น HTML สี HTML CSS HTML การเชื่อมโยง HTML ภาพ ตาราง HTM​​L รายการ HTML HTML บล็อกและ Inline องค์ประกอบ HTML ชั้นเรียน HTML แบบ HTML อ่อนไหว HTML iframes HTML JavaScript HTML หัว HTML หน่วยงาน HTML สัญลักษณ์ HTML charset HTML URL เปลี่ยนเป็นรหัส HTML XHTML

HTML ฟอร์ม

HTML ฟอร์ม HTML องค์ประกอบของแบบฟอร์ม HTML รูปแบบการใส่ HTML แอตทริบิวต์การป้อนข้อมูล

HTML5

HTML5 แนะนำ HTML5 สนับสนุน HTML5 องค์ประกอบ HTML5 อรรถศาสตร์ การย้ายถิ่นของ HTM​​L5 HTML5 คู่มือสไตล์

HTML กราฟิก

HTML ผ้าใบ HTML SVG

HTML สื่อ

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

HTML APIs

HTML ตำแหน่งทางภูมิศาสตร์ HTML ลาก / Drop HTML เก็บข้อมูลท้องถิ่น HTML App ขุมทรัพย์ HTML คนงานเว็บ HTML SSE

HTML ตัวอย่าง

HTML ตัวอย่าง HTML ทดสอบ HTML5 ทดสอบ HTML สรุป

HTML คู่มืออ้างอิง

HTML รายการแท็ก HTML แอตทริบิวต์ เหตุการณ์ HTML HTML ผ้าใบ HTML เสียง / วิดีโอ HTML doctypes HTML สี HTML ชุดตัวอักษร HTML URL เปลี่ยนเป็นรหัส HTML รหัสภาษา HTTP ข้อความ HTTP วิธีการ PX to EM แปลง แป้นพิมพ์ลัด

HTML ตัวอย่างพื้นฐาน


ไม่ต้องกังวลถ้าตัวอย่างเหล่านี้ใช้แท็กที่คุณไม่ได้เรียนรู้

คุณจะได้เรียนรู้เกี่ยวกับพวกเขาในบทต่อไป


เอกสารฉบับ HTML

เอกสาร HTML ทุกคนจะต้องเริ่มต้นด้วยการประกาศประเภท: <!DOCTYPE html>

เอกสาร HTML ตัวเองเริ่มต้นด้วย <html> และจบลงด้วย </html>

ส่วนที่มองเห็นของเอกสาร HTML อยู่ระหว่าง <body> และ </body>

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
ลองตัวเอง»

HTML หัวเรื่อง

ส่วนหัวของ HTML จะถูกกำหนดด้วย <h1> การ <h6> Tags:

ตัวอย่าง

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
ลองตัวเอง»

HTML ย่อหน้า

ย่อหน้า HTML จะถูกกำหนดด้วย <p> แท็ก:

ตัวอย่าง

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
ลองตัวเอง»

ลิงก์ HTML

ลิงก์ HTML จะถูกกำหนดด้วย <a> แท็ก:

ตัวอย่าง

<a href="http://www.w3ii.com">This is a link</a>
ลองตัวเอง»

ปลายทางของลิงก์ระบุไว้ใน href แอตทริบิวต์

แอตทริบิวต์ที่ถูกนำมาใช้เพื่อให้ข้อมูลเพิ่มเติมเกี่ยวกับองค์ประกอบ HTML


แสดง HTML

ภาพ HTML จะถูกกำหนดด้วย <img> แท็ก

แฟ้มแหล่งที่มา ( src ) ข้อความทางเลือก ( alt ) และขนาด ( width and height ) จะให้เป็นคุณลักษณะ:

ตัวอย่าง

<img src="w3ii.jpg" alt="w3ii.com" width="104" height="142">
ลองตัวเอง»

คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับคุณลักษณะในบทต่อมา