2.เริ่มต้นกับ xhtml และ xhtml

เริ่มต้นกับ
HTML & XHTML
ชั้นมัธยมศึกษา กลุ่มสาระการงานพื้นฐานอาชีพและเทคโนโลยี
จัดทาขึ้นเพื่อใช้เป็นสื่อประกอบการเรียนการสอน โดย นาย อัศวิน ขัดชุ่มแสง

HTML ย่อมาจากคาว่า Hypertext Markup Language เป็นภาษาหลักที่
ใช้ในการสร้างไฟล์เว็บเพจ
HTML = Hypertext + SGML
HTML เกิดจากการสร้างเอกสาร Hypertext โดยพัฒนามาจากภาษา SGML

การสร้างเว็บเพจโดยใช้ภาษา HTML
การสร้างเว็บเพจโดยใช้ภาษา HTML สามารถทาได้โดยการใช้โปรแกรม Text
Editor ต่าง ๆ ที่มีอยู่แล้วในระบบปฏิบัติการ Windows เช่น
- Notepad
- Editplus
ในสื่อการสอนนี้ จะใช้โปรแกรม Notepad เพราะมีขนาดเล็กและมีอยู่แล้วในวินโดว์

ลักษณะของภาษา HTML
Computer and Internet (310101) 4
ภาษา HTML มีองค์ประกอบที่สาคัญ 2 ส่วน คือ
ส่วนที่เป็นข้อความ แสดงบนจอภาพ ส่วนที่เป็นคาสั่ง เรียกว่า แท็ก ( tag )

รูปแบบแท็กจะแยกเป็น 2 ส่วน คือ
1. ส่วนเริ่ม “แท็กเปิด”
2. ส่วนจบ “แท็กปิด” ** ในส่วนของแท็กปิด ต้องมีเครื่องหมาย Slash ( / ) **
- บางแท็กอาจจะไม่ต้องมีแท็กปิดก็ใช้งานได้
เช่น <br>
- เราสามารถพิมพ์ตัวเล็กหรือใหญ่ก็ได้ (v.4 ขึ้นไป)
- บางแท็กจะมีตัวกาหนดคุณสมบัติ เรียกว่า
แอททริบิวท์ ( Attribute ) = ตัวกาหนดคุณสมบัติ
รูปแบบ <แท็กเปิด> ข้อความ <แท็กปิด> เช่น <title>…….</title>

ตัวอย่าง
< hr width=600 = size=5 >
Element
(แท็ก) Attribute
(กาหนดคุณสมบัติ)
Vale
(ค่าที่กาหนดให้ใช้)
เมื่อประโยค HTML ข้างต้นทางานสีพื้นหลัง (Background color) ของ
หน้า เพจ (Page) จะเป็นสีม่วง Lavender

โครงสร้างพื้นฐานของ HTML
Computer and Internet (310101) 7
<HTML>
<HEAD>
<TITLE> ชื่อหัวเรื่องที่ต้องการแสดง</TITLE>
</HEAD>
<BODY>
คาสั่งหรือข้อมูลที่ต้องการแสดง
</BODY>
</HTML>
แบ่งออกเป็น 4 ส่วนหลัก ดังนี้

เครื่องมือที่ใช้สร้างเอกสาร HTML
การสร้างเว็บเพจโดยใช้ภาษา HTML สามารถทาได้โดยการใช้โปรแกรม Text
Editor ต่าง ๆ ที่มีอยู่แล้วในระบบปฏิบัติการ Windows เช่น
- Notepad
- Editplus
ในสื่อการสอนนี้ จะใช้โปรแกรม Notepad เพราะมีขนาดเล็กและมีอยู่แล้วในวินโดว์

Notepad นี้จัดเป็นโปรแกรมประเภท Text Editor สามารถสร้างไฟล์หรือเขียนภาษา
HTML ได้ และ Notepad นี้เป็นโปรแกรมที่สามารถใช้งานได้ง่าย และเป็นโปรแกรมที่
ทางานบนระบบ Windows
1. คลิกที่ Start -->
2. เลือก Programs -->
3. เลือก Accessories -->
4. เลือก Notepad

พิมพ์เอกสารตามตัวอย่าง
1. เปิดโปรแกรม Notepad แล้วลองเขียนเอกสาร ดังนี้
2. การบันทึกเอกสาร HTML
- Save เป็นนามสกุล .html
หรือ .htm
home.html

XHTML
XHTML (Extensible HyperText Markup Language)คือที่ปรับปรุงมาจาก
ภาษาHTML ที่เอาไว้เขียนสร้างเว็บเพจ ที่มีปัญหาเรื่องการแสดงผล
ทาง องค์กร W3C ได้นาเอา ภาษา HTML มาปรับปรุงใหม่ โดยยึดหลักการ
ของ XML และได้เพิ่มกฎเกณฑ์บางอย่าง เพื่อให้การใช้งานมีความเข้มงวด และเป็น
มาตรฐานยิ่งขึ้น และปูทางให้ตลาดบราวเซอร์ (browser) ปัจจุบัน และในอนาคต ที่
ออกบราวเซอร์ใหม่ ให้ใช้มาตรฐานเดียวกัน ในการแสดงผล ได้อย่างถูกต้อง นั้นคือ
มาตรฐานXHTML

โครงสร้างการเขียน XHTML
ชื่อหัวเรื่อง
เนื้อหาที่ต้องการให้แสดง

การกาหนด DOCTYPE
( Document Type Definition )
DOCTYPE คือ การประกาศว่าเอกสารนี้ จัดอยู่ในประเภทใด และ
ตรวจสอบความถูกต้องกับ DTD เพื่อในกรณี กับ Browser ประเภทต่างๆ
การประกาศ DOCTYPE ของ XHTML ในส่วนบนสุดบรรทัดของทุกๆเพจ

ข้อแตกต่าง ระหว่าง HTML กับ XHTML
- อีลิเมนต์(element) และแอตทริบิวต์(attributes) จะต้องเขียนเป็นตัว พิมพ์เล็ก
เท่านั้น
- อีลิเมนต์ ของ XHTML ที่ไม่ใช่อีลิเมนต์ว่าง (empty element)หรือไม่มีการเก็บ
ข้อมูล
XHTML จะต้องเว้นช่องว่าง และมีแท็กปิด "< />" ด้วย
จาก ของเดิม checked เปลี่ยนเป็น checked="checked" checked>
เป็น checked="checked" />
จะต้องเว้นช่องว่าง และมีแท็กปิด "< />" ด้วย

2.เริ่มต้นกับ xhtml และ xhtml

More Related Content

What's hot (17)

Viewers also liked (15)

Similar to 2.เริ่มต้นกับ xhtml และ xhtml (20)

More from Beerza Kub (20)

2.เริ่มต้นกับ xhtml และ xhtml