HTML แบบพื้นๆ
ทุกหน้าเว็บ HTML ต้องเริ่มด้วยการประกาศ <!DOCTYPE html>
ข้างในเอกสาร HTML ต้องเปิดด้วยแท็ก <html> และปิดท้ายด้วย </html>
ส่วนของเนื้อหาต้องอยู่ใน <body> และ </body>
ข้างในเอกสาร HTML ต้องเปิดด้วยแท็ก <html> และปิดท้ายด้วย </html>
ส่วนของเนื้อหาต้องอยู่ใน <body> และ </body>
ตัวอย่างโค้ด HTML
<!DOCTYPE html><html> <head> <title>ชื่อเพจ หรือ Page Title</title> </head> <body> <h1>หัวข้อ หรือ Heading</h1> <p>ย่อหน้า หรือ Paragraph</p> </body></html>ตัวอย่างผลลัพธ์ HTML
หัวข้อ หรือ Heading
ย่อหน้า หรือ ParagraphHTML Heading
หัวข้อของเนื้อหา ใช้แท็ก <h1> ไล่ไปจนถึง <h6><h1>หัวข้อ หรือ Heading</h1><h2>หัวข้อ หรือ Heading</h2><h3>หัวข้อ หรือ Heading</h3>
ตัวอย่างผลลัพธ์ HTML
หัวข้อ หรือ Heading
หัวข้อ หรือ Heading
หัวข้อ หรือ Heading
HTML Paragraph
ย่อหน้าของเนื้อหา ใช้แท็ก <p>
<p>ย่อหน้าที่หนึ่ง</p>
<p>ย่อหน้าที่สอง</p><p>ย่อหน้าที่สาม</p>
<p>ย่อหน้าที่หนึ่ง</p><p>ย่อหน้าที่สอง</p><p>ย่อหน้าที่สาม</p>ตัวอย่างผลลัพธ์ HTML
ย่อหน้าที่หนึ่ง
ย่อหน้าที่สอง
ย่อหน้าที่สาม
ย่อหน้าที่สอง
ย่อหน้าที่สาม
HTML Link
การลิงค์ไปยังหน้าอื่น ใช้แท็ก <a>
<a href="http://beveloper.blogspot.com">ไปหน้าแรก</a>
<a href="http://beveloper.blogspot.com">ไปหน้าแรก</a>
ตัวอย่างผลลัพธ์ HTML
HTML Images
src (source file) คือ ที่อยู่ของไฟล์รูป
alt (alternative text) คือ คำอธิบายของรูปภาพ
width และ height คือ ขนาดความกว้างและสูงของรูปภาพ ถ้าไม่กำหนดจะเป็นขนาดปกติของรูปนั้นๆ
<img src="html5.jpg" alt="รูปภาพ html5" width="240" height="240" />
<img src="html5.jpg" alt="รูปภาพ html5" width="240" height="240" />ตัวอย่างผลลัพธ์ HTML
ไม่มีความคิดเห็น:
แสดงความคิดเห็น