แท็ก HTML พื้นฐาน - สี่ตัวอย่าง

บทนี้จะแสดงให้เห็นตัวอย่างของแท็ก HTML ที่ติดอย่างมาก

คำเตือน：ไม่ต้องกังวลถึงตัวอย่างที่คุณยังไม่ได้เรียนในบทเรียนนี้ คุณจะเรียนรู้เกี่ยวกับมันในบทเรียนหลังไปนี้

คำเตือน：ทางที่ดีที่สุดในการเรียนรู้ HTML คือการเรียนและทดสอบพร้อมกัน พวกเราได้เตรียมเครื่องมือแก้ไข HTML ที่ดีที่สุดให้คุณ ด้วยเครื่องมือนี้คุณสามารถแก้ไขรหัสต้นแบบ HTML และกดปุ่ม TIY ในการดูผลลัพธ์

ข้อหัว HTML

HTML หัวข้อ (Heading) ถูกกำหนดโดยแท็ก <h1> - <h6>

ตัวอย่าง

<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.codew3c.com">This is a link</a>

ลองด้วยตัวเอง

หมายเหตุ：กำหนดที่อยู่ของลิงก์ในคุณสมบัติ href

（คุณจะเรียนรู้เกี่ยวกับคุณสมบัติมากยิ่งขึ้นในบทเรียนหลังไปนี้）

รูปภาพ HTML

HTML รูปภาพนั้นถูกกำหนดโดยแท็ก <img>

ตัวอย่าง

<img src="codew3c.jpg" width="104" height="142" />

ลองด้วยตัวเอง

หมายเหตุ：ชื่อและขนาดของรูปภาพนั้นได้มาจากคุณสมบัติ