More Related Content Similar to 2.เริ่มต้นกับ xhtml และ xhtml Similar to 2.เริ่มต้นกับ xhtml และ xhtml (20) More from Beerza Kub (20) 2.เริ่มต้นกับ xhtml และ xhtml2. HTML ย่อมาจากคาว่า Hypertext Markup Language เป็นภาษาหลักที่
ใช้ในการสร้างไฟล์เว็บเพจ
HTML = Hypertext + SGML
HTML เกิดจากการสร้างเอกสาร Hypertext โดยพัฒนามาจากภาษา SGML
4. ลักษณะของภาษา HTML
Computer and Internet (310101) 4
ภาษา HTML มีองค์ประกอบที่สาคัญ 2 ส่วน คือ
ส่วนที่เป็นข้อความ แสดงบนจอภาพ ส่วนที่เป็นคาสั่ง เรียกว่า แท็ก ( tag )
5. รูปแบบแท็กจะแยกเป็น 2 ส่วน คือ
1. ส่วนเริ่ม “แท็กเปิด”
2. ส่วนจบ “แท็กปิด” ** ในส่วนของแท็กปิด ต้องมีเครื่องหมาย Slash ( / ) **
- บางแท็กอาจจะไม่ต้องมีแท็กปิดก็ใช้งานได้
เช่น <br>
- เราสามารถพิมพ์ตัวเล็กหรือใหญ่ก็ได้ (v.4 ขึ้นไป)
- บางแท็กจะมีตัวกาหนดคุณสมบัติ เรียกว่า
แอททริบิวท์ ( Attribute ) = ตัวกาหนดคุณสมบัติ
รูปแบบ <แท็กเปิด> ข้อความ <แท็กปิด> เช่น <title>…….</title>
6. ตัวอย่าง
< hr width=600 = size=5 >
Element
(แท็ก) Attribute
(กาหนดคุณสมบัติ)
Vale
(ค่าที่กาหนดให้ใช้)
เมื่อประโยค HTML ข้างต้นทางานสีพื้นหลัง (Background color) ของ
หน้า เพจ (Page) จะเป็นสีม่วง Lavender
7. โครงสร้างพื้นฐานของ HTML
Computer and Internet (310101) 7
<HTML>
<HEAD>
<TITLE> ชื่อหัวเรื่องที่ต้องการแสดง</TITLE>
</HEAD>
<BODY>
คาสั่งหรือข้อมูลที่ต้องการแสดง
</BODY>
</HTML>
แบ่งออกเป็น 4 ส่วนหลัก ดังนี้
9. Notepad นี้จัดเป็นโปรแกรมประเภท Text Editor สามารถสร้างไฟล์หรือเขียนภาษา
HTML ได้ และ Notepad นี้เป็นโปรแกรมที่สามารถใช้งานได้ง่าย และเป็นโปรแกรมที่
ทางานบนระบบ Windows
1. คลิกที่ Start -->
2. เลือก Programs -->
3. เลือก Accessories -->
4. เลือก Notepad
11. XHTML
XHTML (Extensible HyperText Markup Language)คือที่ปรับปรุงมาจาก
ภาษาHTML ที่เอาไว้เขียนสร้างเว็บเพจ ที่มีปัญหาเรื่องการแสดงผล
ทาง องค์กร W3C ได้นาเอา ภาษา HTML มาปรับปรุงใหม่ โดยยึดหลักการ
ของ XML และได้เพิ่มกฎเกณฑ์บางอย่าง เพื่อให้การใช้งานมีความเข้มงวด และเป็น
มาตรฐานยิ่งขึ้น และปูทางให้ตลาดบราวเซอร์ (browser) ปัจจุบัน และในอนาคต ที่
ออกบราวเซอร์ใหม่ ให้ใช้มาตรฐานเดียวกัน ในการแสดงผล ได้อย่างถูกต้อง นั้นคือ
มาตรฐานXHTML
13. การกาหนด DOCTYPE
( Document Type Definition )
DOCTYPE คือ การประกาศว่าเอกสารนี้ จัดอยู่ในประเภทใด และ
ตรวจสอบความถูกต้องกับ DTD เพื่อในกรณี กับ Browser ประเภทต่างๆ
การประกาศ DOCTYPE ของ XHTML ในส่วนบนสุดบรรทัดของทุกๆเพจ
14. ข้อแตกต่าง ระหว่าง HTML กับ XHTML
- อีลิเมนต์(element) และแอตทริบิวต์(attributes) จะต้องเขียนเป็นตัว พิมพ์เล็ก
เท่านั้น
- อีลิเมนต์ ของ XHTML ที่ไม่ใช่อีลิเมนต์ว่าง (empty element)หรือไม่มีการเก็บ
ข้อมูล
XHTML จะต้องเว้นช่องว่าง และมีแท็กปิด "< />" ด้วย
จาก ของเดิม checked เปลี่ยนเป็น checked="checked" checked>
เป็น checked="checked" />
จะต้องเว้นช่องว่าง และมีแท็กปิด "< />" ด้วย