HTML

1.HTML ย่อมาจากอะไร?
HTML ย่อมาจาก Hyper Text Markup Language

หมายถึง?HTML หมายถึง ข้อความที่เชื่อมกันผ่านลิงค์ (Hyper Text Markup Language) ภาษา HTML เป็นภาษาพื้นฐานที่จำเป็นในการสร้างเว็บไซต์ โดยการสร้าง Tag คำสั่งเพื่อกำหนดรูปแบบการแสดงผลบนเว็บเพจ ถูกพัฒนาและกำหนดมาตรฐานโดยองค์กร World Wide Web Consortium (W3C) ปัจจุบันมีโปรแกรมประเภท Web Editor จำนวนมากที่อำนวยความสะดวกให้ผู้ที่ต้องการสร้างเว็บไซต์สามารถสร้างเว็บไซต์ได้โดยไม่ต้องจำ Tag ของภาษา HTML เช่น Dream weaver, Front page เป็นต้น

2.รูปแบบของคำสั่ง HTML เป็นอย่างไร?

1. คำสั่ง หรือ Tag

Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < ) และ greater-than bracket ( > ) โดยที่ Tag HTML แบ่งได้ 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.ตัวอย่างคำสั่ง HTML 10คำสั่ง

คำสั่ง HTML พื้นฐานง่ายๆ ที่ควรรู้มีดังนี้

คำสั่งเกี่ยวกับข้อความ
คำสั่ง <br> ใช้สำหรับขึ้นบรรทัดใหม่
คำสั่ง &nbsp; : เว้นวรรค
คำสั่ง <div align="left">ข้อความ</div> : กำหนดให้ข้อความชิดซ้าย
คำสั่ง <div align="right">ข้อความ</div> : กำหนดให้ข้อความชิดขวา
คำสั่ง <div align="center">ข้อความ</div> : กำหนดให้ข้อความอยู่กลาง
คำสั่ง <center>ข้อความ</center> : กำหนดให้ข้อความอยู่กลาง

คำสั่งเกี่ยวกับสีสัน
คำสั่ง <b>ข้อความ</b> : กำหนดให้ข้อความเป็นตัวหนา
คำสั่ง <strong>ข้อความ</strong> : กำหนดให้ข้อความเป็นตัวหนา
คำสั่ง <i>ข้อความ</i> : กำหนดให้ข้อความเป็นตัวเอียง
คำสั่ง <em>ข้อความ</em> : กำหนดให้ข้อความเป็นตัวเอียง
คำสั่ง <u>ข้อความ</u> กำหนดให้ข้อความขีดเส้นใต้
คำสั่ง <font size="10">ข้อความ</font> : กำหนดขนาดข้อความ
คำสั่ง <font color="#000000">ข้อความ</font> : กำหนดสีข้อความ
คำสั่ง <font color="#000000" size="10">ข้อความ</font> : กำหนดทั้งขนาดและสีข้อความ

คำสั่งเกี่ยวกับรูปภาพ
คำสั่ง <img src="url"> : ใส่รูป
คำสั่ง <img src="url" width="100px" height="100px"> : ใส่รูป แบบ กำหนดขนาด
คำสั่ง <img src="url" border="3" border-color="#000000"> : ใส่รูป แบบ กำหนกขนาดและสีเส้นขอบ
คำสั่ง <img src="url" ait="ข้อความ"> : ใส่รูป แบบ เวลาเอาเมาไปชี้แล้วมีข้อความขึ้นมา

คำสั่งเกี่ยวกับ Link
คำสั่ง <a href="url">ข้อความ</a> : ใส่ลิ้งโดยใช้ข้อความ
คำสั่ง <a href="url" target="_blank">ข้อความ</a> : ใส่ลิ้งโดยใช้ข้อความ แบบเปิดหน้าต่างไหม่
คำสั่ง <a href="url"><img src="url รูป"></a> : ใส่ลิ้งโดยใช้รูปภาพ
คำสั่ง <a href="url" target="_blank"><img src="url รูป"></a> : ใส่ลิ้งโดยใช้รูปภาพ แบบเปิดหน้าต่างใหม่