Bài giảng Lập trình Web: Chương 2 do Nguyễn Hoàng Tùng biên soạn cung cấp cho người học các kiến thức: XHTML là gì, tại sao lại dùng XHTML, yêu cầu về cú pháp XHTML. Mời các bạn cùng tham khảo!
Trang 1NGÔN NGỮ XHTML
Nguyễn Hoàng Tùng
Bộ môn Kỹ thuật phần mềm
nhoangtung@agu.edu.vn
www.nhtung.com
Trang 2Nội dung chính của slide này
XHTML là gì?
Tại sao lại dùng XHTML?
Yêu cầu về cú pháp XHTML
Trang 3XHTML là gì?
XHTML: eXtensible HyperText Markup Language
Là sự kết hợp giữa HTML và XML, XHTML bao gồm tất cả các thành phần của HTML, kết hợp với cú pháp nghiêm ngặt của XML
để thay thế cho HTML
Trang 4Lịch sử phát triển
ngôn ngữ SGML (Standard Generalized Markup Language),
1990: HTML 1.0 được đưa vào sử dụng,
1994: HTML 2.0,
1996: HTML 3.2,
1999: HTML 4.01 (chuẩn phổ biến),
2000: XHTML 1.0 (chuẩn phổ biến),
2001: XHTML 1.1,
2002: XHTML 2.0,
2008: HTML 5 ra đời với nhiều tính năng nổi bật
Tim Berners-Lee
Trang 5Tại sao lại dùng XHTML?
Có quá nhiều lỗi về cú pháp HTML ở các trang trên internet
Trang 6Yêu cầu về cú pháp XHTML
Về cấu trúc tài liệu:
Phải chứa các thành phần bắt buộc (DOCTYPE, html, head,
title, body)
Về cách trình bày thẻ:
Tên thẻ phải viết thường (lower case),
Thẻ không có thẻ đóng (img, input,…) sẽ kết thúc bằng />, Các thẻ có thể lồng nhau, nhưng không đan xen lẫn nhau
Về cách trình bày thuộc tính:
Tên thuộc tính phải viết thường (lower case),
Giá trị của thuộc tính phải đặt trong cặp dấu nháy (" "),
Thuộc tính rút gọn bị cấm sử dụng
Trang 7Yêu cầu về cấu trúc tài liệu
title, body)
<!DOCTYPE html>
<html>
<head>
<title> First Page </title>
</head>
<body>
<p> Wellcome to XHTML! </p>
</body>
</html>
Trang 8Yêu cầu về cách trình bày thẻ
Tên thẻ phải viết thường (lower case)
Cú pháp sai:
<TABLE width ="100%">
Cú pháp đúng:
<table width ="100%">
Trang 9Yêu cầu về cách trình bày thẻ
Thẻ không có thẻ đóng (img, input,…) sẽ kết thúc bằng />
Cú pháp sai:
<input type ="text" size ="50">
<br>
Cú pháp đúng:
<input type ="text" size ="50" />
<br />
Trang 10Yêu cầu về cách trình bày thẻ
Các thẻ có thể lồng nhau, nhưng không đan xen lẫn nhau
Cú pháp sai:
Cú pháp đúng:
Trang 11Yêu cầu về cách trình bày thuộc tính
Tên thuộc tính phải viết thường (lower case)
Cú pháp sai:
<table WIDTH ="100%">
Cú pháp đúng:
<table width ="100%">
Trang 12Yêu cầu về cách trình bày thuộc tính
Giá trị của thuộc tính phải đặt trong cặp dấu nháy
Cú pháp sai:
<table width =100%>
Cú pháp đúng:
<table width ="100%">
Trang 13Yêu cầu về cách trình bày thuộc tính
Thuộc tính rút gọn bị cấm sử dụng:
Cấu trúc sai:
<input checked >
<option selected >
<frame noresize >
Cấu trúc đúng:
<input checked ="checked" />
<option selected ="selected" />
<frame noresize ="noresize" />
Trang 14Yêu cầu về cách trình bày thuộc tính
Sau đây là danh sách các thuộc tính rút gọn trong HTML, và
cú pháp đúng trong XHTML:
Trang 15Giải đáp thắc mắc