ตอนที่ 1 : แท๊กต่างๆบน HTML

Posted by on วันอาทิตย์ที่ 26 มกราคม พ.ศ. 2557

ตอนที่ 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>

Leave a Reply

PGM. ขับเคลื่อนโดย Blogger.