ก่อนอื่นที่เราจะสร้างเว็บไซต์เราต้องเข้าใจโครงสร้างของเว็บไซต์ก่อนนะครับ
เว็บไซต์ทั่วไป หรือว่าทั้งหมดที่มีในอินเตอร์เน็ต จะใช้โครงสร้างในการแสดงผลของภาษา html
ส่วนวิธีการในการทำให้เกิดโครงสร้างภาษา html อาจจะไม่จำเป็นภาษา html ก็ได้ ภาษาที่นิยมใช้ในการสร้างเว็บไซต์ในปัจจุบันได้แก่ php asp โดยจะเป็นตัวภาษาเท่านั้นแต่เมื่อแสดงผลก็จะแสดงผลออกมาเป็น php เช่นกัน
เรามาดูตัวอย่างโครงสร้างภาษา html กันก่อน
ให้เราเปิดโปรแกรม notepad++ ที่เราได้ดาวน์โหลดมาแล้วพิมพ์ข้อความ หรือ copy เลยก็ได้นะครับ
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
จากนั้นให้บันทึกไฟล์เป็น ประเภท hypertext markup language file นะครับ
อย่าลืมว่าบันทึกไว้ที่ไหนนะครับ เพราะต่อไปเราจะทำการเปิดไฟล์นี้ครับ
นี้คือตัวอย่าง code สำหรับผู้เริ่มต้นอย่าพึ่งปวดหัวว่าทำไมมีแต่ตัวอะไรไม่รู้นะครับ แต่เมื่อเราได้ทำความเข้าใจแล้วมันจะง่ายขึ้นมือ และข้อสำคัญอีกอย่างหนึ่งคือ เราไม่จำเป็นต้องจำทุกอย่าง ก็สามารถเขียนเว็บไซต์ได้ครับ
เรามาดูความหมายแบบคร่าวๆ กันจาก code ด้านบน
<!DOCTYPE html>. คือการประกาศประเภทของเอกสาร หรือเว็บไซต์ เพื่อบอกว่า นี้คือภาษา html
เอกสาร html ทุกไฟล์ตัองขึ้นต้นด้วย <html> และ จบด้วย </html>
ส่วนที่แสดงผลจริงในหน้าจอเว็บบราวเซอร์จะอยู่ใน <body> และ </body>
ข้อความที่อยู่ภายใน <h1> และ </h1> จะเป็นอักษรตัวหน้า คือคำย่อจากคำว่า Heading
<p> และ </p> ย่อมากจาก paragraph ข้อความที่อยู่ด้านในจะแสดงเป็นย่อหน้า
ทีนี้เรามาดูผลการแสดงผล ให้ไปที่ไฟลเดอร์ที่เราบันทึกไฟล์ไว้ แล้วเปิดไฟล์
หรือ
คลิกที่นี่ เพื่อดูการแสดงผลแบบ online
อ้างอิง www.w3schools.com