HTML
HTML คืออะไร
HTML(Hyper Text Markup Language) เป็นภาษาหลักในการทำเว็บไซค์
เอกสาร HTML อธิบายเว็บเพจ
เอกสาร HTML กำหนด HTML Tags
เอกสาร HTML กำหนดลักษณะแบบอักษร
เราอาจเรียกได้ว่า เอกสาร HTML ก็คือ เว็บเพจนั่นเอง
HTML คืออะไร
HTML ย่อมาจาก
Hyper
Text
Markup
Language
HTML ไม่ใช่ภาษาโปรแกรม แต่เป็น
markup language
markup language คือกลุ่มที่อยู่ใน
markup tags
HTML จะใช้
markup tags ในการอธิบายหน้าเว็บเพจ
HTML Tags
HTML markup tags มักจะถูกเรียกว่า
HTML Tags
HTML Tags เป็นคำที่ถูกล้อมรอบด้วยวงเล็บเหลี่ยม เช่น <html>
HTML Tags มักจะเป็นคู่เปิด กับคู่ปิด เช่น <b> และ </b>
ใน
HTML Tags คู่หนึ่ง Tags แรกมักจะถูกเรียกว่า แท็กเปิด Tags สุดท้ายมักจะถูกเรียกว่า แท็กปิด
วัตถุประสงค์ของเว็บบราวเซอร์(web browser) เช่น Internet Explorer, Mozilla Firefox, Chrome และอื่น ๆ ก็คือการอ่าน
เอกสาร HTML แล้วแสดงออกมาในรูปแบบของเว็บเพจ เว็บบราวเซอร์จะไม่แสดง
HTML Tags แต่จะใช้แท็กเหล่านั้นอธิบายและกำหนดสิ่งต่าง ๆ สำหรับเว็บเพจ
ส่วนประกอบของ HTML Document
เอกสาร HTML แบ่งออกเป็นสองส่วน นั่นคือส่วน head กับส่วน body
เอกสาร HTML จะต้องประกอบไปด้วยแท็กที่สำคํญด้วยกันอยู่ 3 แท็ก นั่นคือ
html, head และ
body มีการวางรูปแบบแท็กดังนี้
<html>
<head>
</head>
<body>
</body>
</html>
แท็ก html บ่งบอกว่าเอกสารนี้เป็นเอกสาร HTML
แท็ก head เป็นส่วนที่ทำงานเกี่ยวกับส่วนหัวของเอกสารการกำหนดค่าต่าง ๆ และจะต้องอยู่ภายในแท็ก html เพื่อบ่งบอกว่าอยู่ภายในเอกสาร html
แท็ก body เป็นส่วนที่ทำงานเกี่ยวกับตัวของเอกสารที่จะแสดงในหน้าเว็บเพจ และจะต้องอยู่ภายในแท็ก html และอยู่หลังแท็ก head
การสร้างเอกสาร HTML
ในการสร้างเอกสาร HTML สามารถสร้างได้ง่ายดายโดยใช้ Notepad, Dreamweaver, Editplus หรืออื่น ๆ ในที่นี้ผมขอยกตัวอย่างการสร้างโดยทั้งสามโปรแกรมให้ดูคับเริ่มจาก Notepad กันก่อนเลย
การสร้างเว็จเพจโดย Notepad
ก่อนอื่นก็เปิด Notepad ขึ้นแล้วแล้วทำการกรอกโค้ดเหล่านี้ไปดังรูป
เสร็จแล้วทำการเซฟ โดยใช้นามสกุล .html หรือ .htm ก็ได้ดังรูป โดยเปลี่ยน Save as type เป็น All File
เมื่อเซฟเสร็จเราก็จะได้เอกสาร HTML แล้วง่ายไหมละคับ คราวนี้เราลองมาเปิดดูกันว่าผลลัพธ์จะออกมายังไง
นี่คือผลลัพธ์จากการทำเอกสาร HTML ของเราเมื่อกี้
การสร้างเว็จเพจโดย Editplus
ทำการเปิดโปรแกรม Editplus ขี้นแล้วแล้วไปที่ File => New => HTML Page ดังรูป
จะเห็นว่าเมื่อสร้างแล้วจะมีโค้ดมาให้เองโดยอัตโนมัติให้ทำการเปลี่ยนเป็นโค้ดเหมือนรูปด้านล่างก็จะได้เว็บเพจที่แสดงเหมือนกันกับการสร้างด้วย Notepad แล้ว ส่วนโค้ดในส่วนอื่น ๆ ดังแสดงในรูป เช่น doctype, meta tage ไว้ผมจะมาอธิบายใหม่ในวันหลังนะคับ
เมื่อเสร็จแล้วก็ทำการเซฟ เราก็จะได้เอกสาร HTML อย่างง่าย ๆ แล้วละคับ
การสร้างเว็จเพจโดย Dreamweaver
สร้างเอกสารโดยไปที่ File => New หรือกด Ctrl + N จะได้ดังรูปให้เลือก HTML
เสร็จแล้วกด Creat จะมีโค้ดมาให้ทำการแก้ไขใหม่ดังรูป
เสร็จแล้วก็ทำการเซฟไฟล์ เราก็จะได้เอกสาร HTML หรือที่เรียกกันว่าเว็บเพจแล้ว
ที่มา :http://www.doesystem.com/18546d147f5039787ec26ee5625872e4/HTML-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.htm
