ใบงานที่ 6 HTML

🏰 HTML 🏰

⛯ 1. ความหมาย

        ตอบ HTML หรือ HyperText Markup Language เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง ที่มีลักษณะเป็นภาษาในเชิง การบรรยายเอกสารไฮเปอร์มีเดีย (Hypermedia Document Description Language) เพื่อนำเสนอเอกสารนั้น เผยแพร่ในระบบเครือข่ายอินเตอร์เน็ต มีโครงสร้างการเขียน ที่อาศัยตัวกำกับ เรียกว่า แท็ก (Tag) ควบคุมการแสดงผลของข้อความ, รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมเว็บเบราเซอร์ (Web Browser)

⛯ 2.การใช้รูปแบบคำสั่ง

        ตอบ ในการเขียนภาษา HTML จะใช้ 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	คำอธิบาย
<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>คือคำสั่งบอกส่วนเนื้อเรื่อง ที่จะถูกแสดงผลในเวปบราวเซอร์ ประกอบด้วยรูปภาพ ตัวอักษร ตาราง เป็นต้น

⛴ รูปแบบตัวอักษร ภาษา HTML

ภาษา html	คำอธิบาย
<font size = "3">ข้อความ</font>	ขนาดตัวอักษร
<font color = "red">ข้อความ</font>	สีตัวอักษร หรืออาจจะกำหนดเป็นโค๊ดสีก็ได้
<font face = "Arial">ข้อความ</font>	รูปแบบตัวอักษร
<h5>ข้อความ </h5>	กำหนดขนาดตัวอักษร เริ่มที่ h1 ขนาดเล็กสุด ถึง h5 ขนาดใหญ่สุด
<besefont size = "2">ข้อความ </font>	กำหนดค่าเริ่มต้นของขนาดตัวอักษร
<b>ข้อความ</b>	ตัวอักษรหนา
<i>ข้อความ</i>	ตัวอักษเอน
<u>ข้อความ</u>	ขีดเส้นใต้ตัวอักษร
<div align="left">ข้อความ</div>	เป็นคำสั่งที่ใช้สั่งข้อความชิดซ้าย
<div align="right">ข้อความ</div>	เป็นคำสั่งที่ใช้สั่งข้อความชิดขวา
<sup>ข้อความ</sup>	เป็นคำสั่งที่ใช้สั่งข้อความเป็นตัวยก
<SUB>ข้อความ</SUB>	เป็นคำสั่งที่ใช้สั่งข้อความเป็นตัวห้อย
<tt>ข้อความ</tt>	ตัวอักษรแบบพิม์ดีด หมายเหตุ เราสามารถใช้คำสั่งกำหนดรูปแบบตัวอักษร หลายๆรูปแบบได้ เช่น <font face = "Arial" size = "3" color = "red"< <ข้อความ /font< เป็นต้น