วันอาทิตย์ที่ 2 มกราคม พ.ศ. 2554

ใบความรู้ที่ 1.6 เรื่อง ภาษาเอชทีเอ็มแอล

ใบความรู้ที่ 1.6 เรื่อง ภาษาเอชทีเอ็มแอล
ภาษาเอชทีเอ็มแอล (Hyper Text Markup Language : HTML) เป็นภาษาคอมพิวเตอร์ภาษาหนึ่ง เพื่อใช้นำเสนอเอกสารเผยแพร่ในระบบเครือข่ายอินเทอร์เน็ตที่เป็นลักษณะเหมือนใยแมงมุมที่เชื่อต่อกันทั่วโลก  (World Wide Web : www) โครงสร้างการเขียนภาษานั้นจะอาศัยตัวกำกับเรียกว่า แท็ก (Tag) หรือป้ายระบุการแสดงผล เป็นตัวควบคุมการแสดงผลของข้อความรูปภาพ หรือวัตถุอื่นที่แสดงผลผ่านทางโปรแกรมเบราว์เซอร์ (Browser)
ป้ายระบุการแสดงผล
ป้ายระบุการแสดงผลหรือ แท็ก เป็นลักษณะเฉพาะของภาษาเอชทีเอ็มแอล ใช้สำหรับการระบุรูปแบบของคำสั่งหรือการลงรหัสคำสั่งของภาษาเอชทีเอ็มแอล ซึ่งจะอยู่ระหว่างเครื่องหมายน้อยกว่า (<) และเครื่องหมาย (>) โยที่ป้ายระบุการแสดงผลหรือ แท็ก ของภาษาเอชทีเอ็มแอลนี้ สามารถแบ่งได้ 2 ลักษณะ คือ
1.  ป้ายระบุการแสดงผลเดี่ยว หรือแท็กเดี่ยว เป็นป้ายระบุการแสดงผลที่ไม่ต้องมีการปิดรหัส เช่น <p>, <hr> เป็นต้น
2.  ป้ายระบุการแสดงผลเปิด/ปิดหรือแท็กเปิด/ปิด เป็นป้ายระบุการแสดงผลที่ประกอบด้วยระบุการแสดงผลเปิดหรือแท็กปิด และป้ายระบุการแสดงผลเปิดหรือแท็กปิด โดยป้ายระบุการแสดงผลปิดจะมีเครื่องหมาย สแลช (Slash, /) นำหน้าคำสั่งในป้ายระบุการแสดงผลนั้นๆ เช่น <h1>…</h>, <b>…</b>
เป็นต้น  โดยถ้าทำการเปิดด้วยคำสั่งใด  จะต้องทำการปิดด้วยคำสั่งนั้น
รูปที่ 1.9  แสดงภาษาเอชทีเอ็มแอล  และผลที่ได้จากการแสดงโดยใช้โปรแกรมเว็บเบราว์เซอร์

การกำหนดคุณลักษณะพิเศษเพิ่มเติมของคำสั่ง
การกำหนดคุณลักษณะพิเศษเพิ่มเติมของคำสั่ง (Attributes) เป็นส่วนขยายความสามารถของป้ายระบุการแสดงผลหรือแท็ก ซึ่งจะอยู่ภายใต้เครื่องหมาย < > ในส่วนแท็กปิดเท่านั้น โดยแท็กคำสั่งเอชทีเอ็มแอล (HTML) ในแต่ละคำสั่งจะมีการกำหนดคุณลักษณะพิเศษเพิ่มเติมแตกต่างกันออกไป และการระบุการกำหนดคุณลักษณะพิเศษเพิ่มเติมที่มากกว่า 1 คุณลักษณะจะใช้ช่องว่างเป็นตัวแยก ตัวอย่างเช่น แท็กสำหรับควบคุมเกี่ยวกับรูปภาพ คือ <img> มีการกำหนดคุณลักษณะพิเศษเพิ่มเติม
<img scr = “filename” width = “n” height = “n” alt = “next” border = “n”> 
scr         ใช้สำหรับกำหนดแฟ้มข้อมูลรูปภาพที่จะนำมาแสดงผล
width     ใช้สำหรับกำหนดความกว้างของรูปภาพ
height    ใช้สำหรับกำหนดความสูงของรูปภาพ
alt          ใช้สำหรับการกำหนดคำอธิบายภาพ
border   ใช้สำหรับการกำหนดขนาดของเส้นขอบของภาพ
แฟ้มเอกสารที่เป็นภาษาเอชทีเอ็มแอล (HTML) นั้น เป็นแฟ้มข้อมูลชนิดข้อความรูปแบบหนึ่ง (Text File) ที่เก็บชุดคำสั่งภาษาเอชทีเอ็มแอล ดังนั้นการสร้างเอกสารเอชทีเอ็มแอล จึงต้องสามารถใช้โปรแกรมสำหรับจัดการแฟ้มข้อมูลตัวอักษร (Text Editor) ทั่วไปในการแก้ไขเอกสารเอชทีเอ็มแอล เช่น โปรแกรม Notepad โปรแกรม WordPad Thai เป็นต้น
โปรแกรม เว็บเบราว์เซอร์ (Web Browser)
เอกสารที่สร้างโดยใช้ภาษาเอชทีเอ็มแอลนั้น จะต้องอาศัยโปรแกรมสำหรับใช้ในการแสดงผลบนจอภาพ โดยโปรแกรมที่ทำหน้าที่แสดงผลเอกสารภาษาเอชทีเอ็มแอล นี้เรียกว่าโปรแกรมเว็บเบราว์เซอร์ (Web  Browser) โปรแกรมเบราว์เซอร์ได้ถูกสร้างขึ้นจากหลายบริษัท แต่ที่ได้รับความนิยมและใช้กันอย่างแพร่หลาย เช่น โปรแกรม Netscape Navigator, Netscape Communicator ของบริษัท Netscape หรือโปรแกรม Microsoft Internet Explorer ของบริษัทไมโครซอฟต์ นอกจากนี้ยังมีอีกหลายโปรแกรม เช่น Mosaia, Lynx, Mac Web, Cello, Opera  เป็นต้น

ไม่มีความคิดเห็น:

แสดงความคิดเห็น