ตอนที่ 1 : HTML
ตอนนี้จะมาพูดถึงการเขียน HTML แบบพื้นฐานก่อนเลยละกัน
การเขียน HTML คือ ภาษาที่ใช้ในการเขียนเว็บไซต์ สามารถเขียนได้หลายโปรแกรม
ได้แก่ Note pad, EditPlus, Dreamweaver และโปรแกรมอื่นๆอีกมากมาย
ในทีนี้จะใช้เป็นโปรแกรม Dreamweaver สำหรับมือใหม่
เพื่อที่จะได้ดู Code ไปด้วย และดูหน้าต่างการแสดงผลไปด้วย
ในรูปภาพจะเป็นหน้าต่างที่สร้างใหม่นะคับ เลือกด้านนซ้าย แบบหน้าจอให้เป็น Split
คือเห็นทั้ง 2 ฝั่งแบบ Design และ Code ด้วย
ตอนนี้จะอธิบาย Code แต่ละบรรทัดให้เข้าใจเลยละกัน
การทำงานจะเขียน Code ในฝั่งแบบด้านซ้าย
ส่วนแรก
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
ส่วนนี้ ไม่จำเป็นต้องรู้ มันเป็นของ Dreamweaver
ถ้าใครสร้างบน NotePad ไม่จำเป็นต้องเขียนก็ได้
Code HTML ประกอบด้วย
<html> //เปิดแท๊ก HTML เพื่อให้ตัวโปรแกรมรู้ว่าเป็นภาษา HTML
<head> //เปิดแท๊ก HEAD เป็นการทำคำสั่งภายในจะไม่แสดงบนหน้าเว็บ
</head> //ปิดแท๊ก HEAD
<body> //เปิดแท๊ก BODY อันนี้เมื่อเขียน CODE อะไรจะแสดงบนหน้าเว็บไซต์
</body> //ปิดแท๊ก BODY
</html> //เปิดแท๊ก HTML
จะสังเกตุว่าทุกครั้งที่มีการเปิดแท๊กจะต้องมีการปิดทุกครั้ง เช่น
<html> </html>