สอนสร้างเว็บไซต์ด้วยภาษา html ตอนที่ 2 โครงสร้างของ html
คำสั่งพื้นฐานที่ใช้งานบ่อยและควรต้องรู้ในภาษา html
จาก สอนสร้างเว็บไซต์ด้วยภาษา html ตอนที่ 1 เราพอจะเห็นโครงสร้างคราวๆแล้วว่าเว็บไซต์มีลักษณะอย่างไรนะครับ บทนี้จะกล่าวถึง Tag คำสั่งพื้นฐานที่สำคัญที่ใช้แสดงโครงสร้างของหน้าเว็บนะครับ โดย คำสั่ง Tag ที่เราพูดอยู่นี้จะเป็นลักษณะ Tagเปิด และ Tagปิด นะครับโดยเว็บเพจทุกทุกเว็บต้องมีคือส่วนของ Tag เปิด <html> และ Tag เปิด <body> และ Tagเปิด </body>และ Tag ปิด </html>เสมอๆ
ตัวอย่างโครงสร้างภาษา html
<html>
<body>
</html>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
ขอบคุณรูปภาพจาก http://www.w3schools.com/html/html_intro.asp
จากตัวอย่างจะเห็นว่าเว็บไซต์นี้เริ่มต้นด้วยคำสั่ง <html> เพื่อบอกว่านี่คือส่วนของภาษา html จากนั้นก็เป็นคำสั่งในส่วน <body> เพื่อบอกว่าในส่วนนี้เป็นส่วนของเนื้อหา เมื่อส่วนของเนื้อหาสิ้นสุดจะต้องทำการปิดคำสั่งด้วยคำสั่ง </body> เพื่อบอกว่าสิ้นสุดในส่วนของเนื้อหาแล้ว และต้องใช้คำสั่ง </html> เพื่อบอกว่าสิ้นสุดหน้าเว็บเพจแล้ว ส่วนคำสั่ง <h1> <p> เราจะกล่าวในบทต่อไปครับ
โดยปกติแล้วเว็บเพจจะมี tag อีกชุดหนึ่งสำหรับการบอกว่าหน้าเว็บนี้เกี่ยวกับอะไรและเป็นชุดคำสั่งสำหรับใช้งานโค้ดบางอย่างเช่น ชุคดำสั่งของ Javascript นะครับนั่นคือ <head>...</head> เช่น
<head>
<title>ส่วนหัว </title>
</head>
<body>
<h1>ตัวอย่าง</h1>
<p>ข้อมูลอันแรก</p>
</body>
</html>
ก็ขอจบเรื่อง สอนสร้างเว็บไซต์ด้วยภาษา html ตอนที่ 2 ไว้เท่านี้ก่อนนะครับ สามารถย้อนกลับไปดู สอนสร้างเว็บไซต์ด้วยภาษา html ตอนที่ 1 ได้ด้วยนะครับ ^_^
