HTML คืออะไร

| ไอที | HTML | 39917

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 หรือที่เรียกกันว่าเว็บเพจแล้ว




comments




เว็บเพื่อนบ้าน
DoesystemDevcodeMathMySelfHowToClicksBlogJavaExample