สอนสร้างเว็บไซต์ด้วยภาษา html ตอนที่ 1ทำความรู็จักและเกริ่นนำ

โครงสร้างและคำสั่งต่างๆในภาษา html เบื้องต้นที่ต้องรู้


ตอนนี้เราจะมาทำความรู้จักเกี่ยวกับ ภาษา html กันก่อนนะครับ เนื่องจากภาษา html เป็นภาษาพื้นฐานสำหรับการพัฒนาสร้างเว็บเพจให้กลายเป็นเว็บไซต์ เราต้องรู้จักองค์ประกอบของภาษา html ดังนี้ครับ

โครงสร้างของ ภาษา html
ภาษา html จะประกอบด้วยคำสั่งต่าง เรียกว่า tag จะมีลักษณะ <> เช่น

<html>
<head>
<title>ส่วนหัว </title>
</head>
<body>
<h1>ตัวอย่าง</h1>
<p>ข้อมูลอันแรก</p>
</body>
</html> 

จากตัวอย่างจะเห็น tag คำสั่งที่สำคัญๆได้แก่ tag <html>, tag <body>, tag <h> , tag <p>,tag <head>, tag <title> เป็นต้น
โครงสร้างของ ภาษา html จะเริ่มด้วย  tag <html> ตามด้วย tag <head> ตามด้วย tag <body>
คุณสามารถสร้าเว็บเพจได้โดยการก๊อปปี้โค้ดด้านบนลงโปรแกรม notepad แล้วเซฟไฟล์เป็นนามสกุล .html ลองดูวิธีทำตามรูปด้านล่างนี้ครับ


สร้าง text Document ขึ้นมาครับเพื่อจะเขียนโค้ดลงไป

ทำการดับเบิ้ลคลิ๊กเพื่อเปิดไฟล์ขึ้นมาครับ หรือ คลิ๊กเมาส์ขวา > open with > notepad ครับ แล้วทำการเพิ่มโค้ดลงไปดังตัวอย่างครับ


กดเลือก File > save as เพื่อบันทึกงานครับ

จะแสดงหน้าให้บันทึกไฟล์ครับ ตั้งชื่อว่า test.html ในช่อง Encoding ให้เลือกเป็น UTF-8 ครับเพื่อทำให้แสดงภาษาไทยได้ แล้วกด save ครับ 


คลิ๊กขวาที่ไฟล์ชื่อ test.html ที่เราเพิ่งสร้างไปครับ > open with > google chrome(หรือเว็บบราวเซอร์อื่นเช่น IE, firefox ก็ได้ครับ)



จะแสดงหน้าเว็บแบบตัวอย่างครับ
หวังว่า สอนสร้างเว็บไซต์ด้วยภาษา html ตอนที่ 1 คงไม่ยากจนเกินไปนะครับ ^_^