Hypertext Markup Language
หมายถึงข้อความที่เชื่อมต่อกันผ่านลิ้ง (Hyperlink) Markup language หมายถึงภาษาที่ใช้ Tag ในการกำหนดการแสดงผลสิ่งต่างๆที่แสดงอยู่บนเว็บเพจ ดังนั้น HTML จึงหมายถึง ภาษาที่ใช้ Tag ในการกำหนดการแสดงผลเว็บเพจที่ต่างก็เชื่อมถึงกันใน Hyperspace ผ่าน Hyperlink นั่นเอง
2.รูปแบบของคำสั่งHTML เป็นอย่างไร?
1. คำสั่ง หรือ Tag
Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < ) และ greater-than bracket ( > ) โดยที่ Tag HT
ML แบ่งได้ 2 ลักษณะ คือ
Tag เดี่ยว เป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น <HR>, <BR> เป็นต้น
Tag เปิด/ปิด รูปแบบของ tag นี้จะเป็นแบบ <tag> .... </tag> โดยที่
<tag> เราเรียกว่า tag เปิด
</tag> เราเรียกว่า tag ปิด
2. Attributes
Attributes เป็นตัวบอกรายละเอียดของ tag นั้นเช่น <span align = 'left'> ... </span> เป็นการบอกว่าให้อักษรที่อยู่ใน tag นี้ชิดซ้าย
3. not case sensitive
หมายถึง คุณจะพิมพ์ <BR> หรือ <br> ก็ได้ ผลลัพธ์ออกมาไม่ต่างกัน
Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < ) และ greater-than bracket ( > ) โดยที่ Tag HT
ML แบ่งได้ 2 ลักษณะ คือ
Tag เดี่ยว เป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น <HR>, <BR> เป็นต้น
Tag เปิด/ปิด รูปแบบของ tag นี้จะเป็นแบบ <tag> .... </tag> โดยที่
<tag> เราเรียกว่า tag เปิด
</tag> เราเรียกว่า tag ปิด
2. Attributes
Attributes เป็นตัวบอกรายละเอียดของ tag นั้นเช่น <span align = 'left'> ... </span> เป็นการบอกว่าให้อักษรที่อยู่ใน tag นี้ชิดซ้าย
3. not case sensitive
หมายถึง คุณจะพิมพ์ <BR> หรือ <br> ก็ได้ ผลลัพธ์ออกมาไม่ต่างกัน
3.ตัวอย่าง 10 คำสั่ง
head><title>ยินดีต้อนรับ</title></head>
<body bgcolor = “pink”>
<center>ยินดีต้อนรับสู่เว็บไซต์ <br><br>
<img src =”pic1.jpg”><br><br>
<a href = “index.html”>หน้าแรก </a>
<a href = “p1.html”>ประวัติส่วนตัว </a>
<a href = “p2.html”>เรื่องน่ารู้ </a>
<a href = “p3.html”>เว็บไซต์มหาวิทยาลัย</a>
<head><title>ยินดีต้อนรับ</title></head>
<body bgcolor = “pink”>
<center>เรื่องน่ารู้ <br><br>
<center>ยินดีต้อนรับสู่เว็บไซต์ <br><br>
<img src =”pic1.jpg”><br><br>
<a href = “index.html”>หน้าแรก </a>
<a href = “p1.html”>ประวัติส่วนตัว </a>
<a href = “p2.html”>เรื่องน่ารู้ </a>
<a href = “p3.html”>เว็บไซต์มหาวิทยาลัย</a>
<head><title>ยินดีต้อนรับ</title></head>
<body bgcolor = “pink”>
<center>เรื่องน่ารู้ <br><br>

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