ย่อมาจาก HyperText Markup Language
หมายถึง เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง ที่มีลักษณะเป็นภาษาในเชิง การบรรยายเอกสารไฮเปอร์มีเดีย (Hypermedia Document Description Language) เพื่อนำเสนอเอกสารนั้น เผยแพร่ในระบบเครือข่ายอินเตอร์เน็ต มีโครงสร้างการเขียน ที่อาศัยตัวกำกับ เรียกว่า แท็ก (Tag) ควบคุมการแสดงผลของข้อความ, รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมเว็บเบราเซอร์ (Web Browser).
Tag
Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < ) และ greater-than bracket ( > ) โดยที่ Tag HTML แบ่งได้ 2 ลักษณะ คือ
· Tag เดี่ยว
เป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น <P>, <BR> เป็นต้น
· Tag คู่ เป็น Tag ที่ประกอบด้วย Tag เปิด และ Tag ปิด โดย Tag ปิด จะมีเครื่องหมาย slash ( / ) นำหน้าคำสั่งใน Tag นั้นๆ เช่น <B>…</B>, <BLINK>…</BLINK> เป็นต้น
โครงสร้างเอกสาร HTML
ไฟล์เอกสาร HTML ประกอบด้วยส่วนประกอบสองส่วนคือ Head กับ Body โดยสามารถเปรียบเทียบได้ง่ายๆ ก็คือ ส่วน Head จะคล้ายกับส่วนที่เป็น Header ของหน้าเอกสารทั่วไป หรือบรรทัด Title ของหน้าต่างการทำงานในระบบ Windows สำหรับส่วน Body จะเป็นส่วนเนื้อหาของเอกสารนั้นๆ โดยทั้งสองส่วนจะอยู่ภายใน Tag <HTML>…</HTML>
การเขียนโปรแกรมด้วยภาษา HTML จะมีโครงสร้างหลักและการจัดวางคำสั่งหลักที่เป็นมาตรฐานเหมือนกันทั่วโลก โดยจะประกอบด้วยคำสั่งหลัก ๆ อยู่ 4 คำสั่งด้วยกันดังนี้
1. <HTML>……….</HTML> เป็นคำสั่งหลักที่ทำหน้าที่บอกจุดเริ่มต้นและจุดสิ้นสุดของเอกสาร HTML
2. <HEAD>……….</HEAD> เป็นคำสั่งที่ทำหน้าที่กำหนดส่วนหัวเรื่อง
3. <TITLE>……….</TITLE>เป็นคำสั่งที่ใช้กำหนดข้อความที่ต้องการนำมาแสดงผลบนแถบ Title bar คำสั่งนี้จะอยู่ภายในคำสั่งส่วน <HEAD>……….</HEAD> โดยกำหนดความยาวของตัวอักษรไม่เกิน 64 ตัวอักษร
4. <BODY>……….</BODY>เป็นคำสั่งที่กำหนดข้อความและรูปแบบของคำสั่งต่าง ๆ ที่ใช้สำหรับปรับแต่งเอกสารที่จะนำเสนอออกทางจอภาพ
คำสั่งพื้นฐาน
| ภาษา html | คำอธิบาย |
|---|---|
| <HTML></HTML> | คำสั่ง<HTML>คือคำสั่งเริ่มต้นในการเขียนโปรแกรม HTML และมีคำสั่ง</HTML>เพื่อบอกจุดสิ้นสุดโปรแกรม |
| <HEAD></HEAD> | คำสั่ง<HEAD>คือคำสั่งบอกส่วนที่เป็นชื่อเรื่อง โดยมีคำสั่งย่อย <TITLE>อยู่ภายใน |
| <TITLE></TITLE> | คำสั่ง<TITLE>คือคำสั่งบอกชื่อเรื่อง จะไปปรากฏที่ Title Bar |
| <!-- ข้อความ > | คำสั่ง หมายเหตุ ใช้อธิบายความหมาย ขื่อผู้เขียนโปรแกรม และอื่นๆ |
| <br> | คำสั่งขึ้นบรรทัดใหม่ |
| <p></p> | คำสั่งย่อหน้าใหม่ |
| <hr width="50%" size = "3"> | คำสั่ง ตีเส้น, กำหนดขนาดเส้น |
| <IMG SRC = "PHOTO.GIF"> | คำสั่งแสดงรูปภาพชื่อ Photo.gif |
| <CENTER>ข้อความ </CENTER> | คำสั่งจัดให้ข้อความอยู่กึ่งกลาง |
| <TITLE></TITLE> | คำสั่ง<TITLE>คือคำสั่งบอกชื่อเรื่อง จะไปปรากฏที่ Title Bar |
| <BODY> </BODY> | คำสั่ง<BODY>คือคำสั่งบอกส่วนเนื้อเรื่อง ที่จะถูกแสดงผลในเว็บบราวเซอร์ ประกอบด้วยรูปภาพ ตัวอักษร ตาราง เป็นต้น |
รูปแบบการใช้ Font
<html>
<head>
<title>โรงเรียนบางบ่อวิทยาคม</title>
</head>
<body>
<font face="angsanaUPC"><b>สวัสดี<br></b></font>
<font face="jasmineUPC"><i>สวัสดี<br></i></font>
<font face="IrisUPC"><u>สวัสดี<br></u></font>
<font Size=7><s>สวัสดดี<br></font></s>
<font Color=red><font size=9>สวัสดี<br></font></font>
<body>
</html>
<html>
<head>
<title>โรงเรียนบางบ่อวิทยาคม</title>
</head>
<body>
<font face="angsanaUPC"><b>สวัสดี<br></b></font>
<font face="jasmineUPC"><i>สวัสดี<br></i></font>
<font face="IrisUPC"><u>สวัสดี<br></u></font>
<font Size=7><s>สวัสดดี<br></font></s>
<font Color=red><font size=9>สวัสดี<br></font></font>
<body>
</html>
รูปแบบตัวอักษร ภาษา HTML















