ทำความรู้จัก ภาษ html (ง่ายๆ) #1

มาทำความรู้จัก HTML
        HTML ย่อมาจาก Hyper Text Markup Language ภาษา HTML เป็นภาษาที่ใช้ในวงการอินเทอร์เน็ต เว็บไซต์ต่าง ๆ เขียนขึ้นโดยใช้ภาษา HTML เป็นหลัก ทำให้เราสามารถนำเสนอ ข้อความ ภาพ เสียง หรือแม้แต่วิดีโอ ผ่านทางอินเทอร์เน็ตได้
        คำว่า Hyper มีความหมายตรงข้ามกับคำว่า เรียงลำดับ คือ ไม่จำเป็นต้องเรียงลำดับ สามารถกระโดดข้ามขั้นตอนได้ เช่น ในหน้าเว็บ เราสามารถที่จะคลิกไปยังที่ต่าง ๆ ตามลิงค์ ได้ตามต้องการ ไม่จำเป็นต้องอ่านเรียงไปทีละหน้า นี่จึงเป็นลักษณะสำคัญของ HTML ที่สามารถลิงค์ไปยังที่ต่าง ๆ ได้
        คำว่า Text หมายถึงข้อความ HTML เป็นไฟล์ตัวอักษร หรือ text file สามารถสร้างโดยใช้โปรแกรมได้หลายโปรแกรม เช่น Notepad Editplus หรือแม้แต่ MS Word ก็ได้
        คำว่า Markup เป็นการแบ่งข้อความออกเป็นส่วน ๆ โดยมีคำสั่ง หรือ tag บอกให้ทราบว่าจะให้แสดงภาพ หรือ ข้อความนั้น ๆ อย่างไร เช่น ให้ตัวอักษรเป็นสีต่าง ๆ มีลักษณะตัวหนา หรือ ตัวเอียง เป็นต้น
        ส่วนคำว่า Language หมายถึง ภาษา เราจัด HTML เป็นภาษา ทางคอมพิวเตอร์ภาษาหนึ่ง แต่ใช้ในการนำเสนอเนื้อหาสาระบนเว็บเท่านั้น อย่างไรก็ตาม มีบางคนยัง ไม่ยอมรับว่า HTML เป็นภาษาทางคอมพิวเตอร์เพราะขาดคุณสมบัติทางด้านตัวแปรเพราะ HTML ไม่มีการเก็บค่า ตัวแปรแต่อย่างใด

โครงสร้างของภาษา HTML
โครงสร้างหลักของภาษา จะมี Tag ที่ประกอบจากวงเล็บ <TAG name> เป็นตัวเปิดการควบคุมอักษรและปิดการควบคุมอักษรด้วย </TAG name> โดยมีเครื่องหมาย / อยู่ใน Tag หมายถึง การปิดการควบคุม ภายใน Tag ต่าง ๆ จะมี Tag ที่อยู่เดี่ยว (Single) กับ Tag ที่ต้องประกอบกันเป็นชุด (Composite) และใน Tag แต่ละตัวอาจจะมี Attribute เพื่อขยาย ความหมายหรือเพิ่มการควบคุม Tag ได้อีกด้วย นอกจากนั้น HTML สามารถทำ Comment ได้ด้วยการใช้ <! และจบด้วย !> เพื่อไม่ต้องแปลสัญลักษณ์ ที่อยู่ระหว่างเครื่องหมายทั้งสองนี้

Tag ในภาษา HTML ที่สำคัญมีดังต่อไปนี้

<HTML>และ</HTML>
เป็น Tag ที่ใช้เพื่อกำหนดว่าเอกสารต่อไปนี้ เป็นเอกสาร HTML เป็น Markup Language
<HEAD>และ</HEAD>
เป็น Tag ที่ใช้กำหนดส่วนหัวของเอกสาร HEAD ไม่ได้เป็นส่วนของเอกสารภายใน แต่จะให้ ข้อมูลเกี่ยวกับเอกสารฉบับนี้ โดยจะมี <METHA> Tag เป็นตัวกำหนดคุณสมบัติต่าง ๆ การกำหนด Key Word ให้รู้ว่าเว็บของเราคืออะไร? เป็นคำสั่งควบคุมการทำงานของเว็บให้ทำงานแบบอัตโนมัติได้ ซึ่งจะเป็นประโยชน์สำหรับการค้นหาเว็บไซต์ต่าง ๆ ที่มีอยู่ในโลกนี้ ด้วยวิธี Search Engine
<TITLE>และ</TITLE>
เป็นการระบุข้อความที่ต้องการให้เป็นส่วนหัวของเอกสาร ที่จะปรากฏอยู่ที่ Task Bar ใน Browser โดย Title จะเป็นส่วนหนึ่งของ Head เช่น <title>ศูนย์การศึกษานอกโรงเรียนภาคกลาง : แหล่งการเรียนรู้ออนไลน์</title> จะปรากฏให้เห็นรายละเอียดอยู่ด้านบน Task Bar ด้านบน
<BODY>และ</BODY>
เป็น Tag ที่บอกถึงลักษณะต่าง ๆ ของเอกสารฉบับนี้ ซึ่งใน Body จะมี Attribute ต่าง ๆ ได้แก่ BGCOLOR = "#XXXXXX", TEXT = "# XXXXXX " เป็นต้น

ตัวอย่างการเขียนโค้ด HTML