พื้นฐาน HTML (Basics)

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

HTML Documents (เอกสาร)

ทุกๆ เอกสาร HTML จะต้องขึ้นต้นด้วยการระบุประเภทเอกสารเสมอ: <!DOCTYPE html>

โค้ด HTML จริงๆ จะเริ่มต้นด้วย <html> และจบด้วย </html>

ส่วนที่จะมองเห็นในเบราว์เซอร์จะอยู่ระหว่าง <body> และ </body>

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
<h1>This is header</h1>
<p>This is paragraph</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

HTML Headings

การสร้างหัวข้อด้วยโค้ด HTML ทำโดยระบุ HTML Tag <h1> ถึง <h6>

<h1> ใช้แทนหัวข้อที่สำคัญมากที่สุด <h6> ใช้แทนหัวข้อที่สำคัญน้อยที่สุด

ตัวอย่าง

<h1>This is header 1</h1>
<h2>This is header 2</h2>
<h3>This is header 3</h3>
<h4>This is header 4</h4>
<h5>This is header 5</h5>
<h6>This is header 6</h6>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX


HTML Paragraphs

ระบุย่อหน้าใน HTML โดยใช้ Tag <p>

ตัวอย่าง

<p>This is a paragraph 1</p>
<p>This is a paragraph 2</p>
<p>This is a paragraph 3</p>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

HTML Links

ระบุลิงก์ใน HTML โดยใช้ Tag <a>

ภายใน attribute href ให้ระบุ url ปลายทาง

attribute มีไว้บอกคุณลักษณะเพิ่มเติมเกี่ยวกับ HTML Tag นั้นๆ

ตัวอย่าง

<a href="http://www.code-th.com/">This is a link</a>

HTML Images

ใส่รูปภาพใน HTML โดยใช้ Tag <img>

ภายใน attribute src ระบุที่อยู่ของไฟล์รูป

alt ใส่ข้อความอธิบายหากรูปภาพไม่ขึ้น

width ระบุความกว้างของรูป

height ระบุความสูงของรูป

ตัวอย่าง

<img src="code_th.jpg" alt="code-th.com" width="50" height="50">

<im
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

แสดงความคิดเห็น

0ความคิดเห็น

แสดงความคิดเห็น (0)