การเขียนภาษา HTML ด้วยโปรแกรม Notepad
โครงสร้างภาษา HTML
HTML ย่อมาจากคำว่า Hypertext Markup Language เป็นภาษาที่ใช้สำหรับ
สร้างเว็บเพจ โดยคำสั่งในภาษา HTML จะทำหน้าที่ควบคุมการแสดงผลของข้อมูลในเว็บเพจ ซึ่งเราสามารถควบคุมได้ทั้งสีสัน รูปภาพ ตลอดจนตำแหน่งของสิ่งต่าง ๆ ที่อยู่บนเว็บเพจ คำสั่งที่ใช้ควบคุมการแสดงผลใน HTMLนั้นถูกเรียกว่าแท็ก (Tag) ซึ่งมีอยู่มากมายหลายสิบชนิด แต่ละแท็กก็จะมีหน้าที่แตกต่างกันออกไป เช่น บางแท็กใช้สำหรับกำหนดแสดงรูปภาพ บางแท็กใช้สำหนับกำหนดสีฟอนต์หรือขนาดให้กับตัวอักษร การเรียนรู้ภาษา HTML จึงเป็นการเรียนรู้ที่จะใช้งานแท็กในการสร้างเว็บเพจให้ได้ดังใจนึกนั่นเอง
ลักษณะของแท็กในภาษา HTML แท็ก 1 แท็ก จะประกอบด้วยส่วนเริ่ม และส่วนปิดท้าย ซึ่งทั้งสองส่วนจะถูกเรียกว่า Tag เปิด และTag ปิด
<HTML> เรียกว่าแท็กเปิด
</HTML> เรียกว่าแท็กปิด
แท็กที่เห็นข้างต้นเรียกว่าแท็ก HTML ซึ่งชื่อของแท็กนั้นมาจากคำที่อยู่ระหว่างเครื่องหมาย < และเครื่องหมาย > โดยบรรทัดแรกคือ แท็กเปิดของ <HTML> จะสังเกตเห็นว่า แท็กปิดจะต่างจากแท็กเปิด ตรงที่มีเครื่องหมาย / เพิ่มขึ้นมาหน้าชื่อแท็ก แท็กนี้จะถูกนำมาใช้งานเสมอในเว็บเพจต่างๆ เนื่องจากเป็นแท็ก ที่ใช้สำหรับกำหนดขอบเขตของเอกสาร HTML เรียกได้ว่ามีเว็บเพจก็ต้องมี <HTML> เอกสาร HTML หรือเว็บเพจ
หน้าหนึ่ง ๆ จะถูกแบ่งออกเป็น 2 ส่วนคือ HEAD และส่วน BODY ด้วย <HEAD> และ<BODY> ตามลำดับโดย <HEAD>และ <BODY> จะอยู่ระหว่าง HTML>..</HTML> อีกทีหนึ่ง เราจะมาดูกันว่าทั้ง 2 ส่วนนี้มีหน้าที่แตกต่างกันอย่างไร
ส่วน HEAD
ได้แก่ส่วนที่อยู่ระหว่าง <HEAD>….</HEAD> ซึ่งเป็นส่วนที่ใช้สำหรับกำหนดการทำงานหรือกำหนดคุณสมบัติพิเศษบางประการของเว็บเพจ เช่น เราจะกำหนดชื่อ Title ซึ่งเป็นชื่อที่ปรากฏบน Title bar ของบราวเซอร์ที่ส่วน HEAD โดยถ้าเราไม่กำหนดอะไรในส่วนนี้เลยก็ไม่มีผลเสียหายแต่อย่างใด
ส่วน BODY
คือ ส่วนที่อยู่ระหว่าง <BODY>…… </BODY> ส่วนนี้จะเป็นที่เราจะใส่ข้อความต่าง ๆ ที่เป็นเนื้อหาของเว็บเพจเข้าไป และเรายังสามารถกำหนดคุณสมบัติพื้นฐานของเว็บเพจ เช่น รูปแบบของพื้นหลัง สีของตัวอักษรธรรมดา และตัวอักษรที่เป็นจุดลิงค์โดยใช้ <BODY>ได้อีกด้วย
กำหนดคุณสมบัติของหน้าเว็บเพจ
เว็บเพจแต่ละหน้าจะมีคุณสมบัติบางประการเฉพาะตัว ซึ่งเราสามารถสังเกตเห็นได้เมื่อเราเปิดเว็บเพจหน้านั้น ๆ และคุณสมบัติดังกล่าวก็มีทั้งที่กำหนดไว้ในส่วน HEAD และส่วน BODY โดยคุณสมบัติพื้นฐานของเว็บเพจแต่ละหน้าประกอบไปด้วย
ชื่อ Title
เมื่อเราเปิดเว็บเพจหรือเว็บไซต์แต่ละแห่งขึ้นมา จะพบว่าที่ Title bar ซึ่งเป็นส่วนที่อยู่ด้านบนสุดของบราวเซอร์จะปรากฏข้อความขึ้นมาแตกต่างกัน โดยส่วนใหญ่จะเป็นชื่อหรือคำจำกัดความของเว็บไซหรือเว็บเพจนั้น ๆ
ข้อความที่เราเห็นเกิดจากการกำหนดด้วย <TITLE> ซึ่งมีรูปแบบการใช้งานดังนี้
ชื่อแท็ก: TITLE
รูปแบบ: <TITLE>ชื่อ TITLE</TITLE>
ตัวอย่างการใช้: <TITLE> ยินดีต้อนรับสู่……บทเรียน TITLE>
ตำแหน่งที่ใช้: ระหว่าง <HEAD>….</HEAD>
ไม่มีความคิดเห็น:
แสดงความคิดเห็น