Bài giảng Lập trình web - Ngôn ngữ XHTML - Nguyễn Hoàng Tùng

pdf 15 trang hapham 2330
Bạn đang xem tài liệu "Bài giảng Lập trình web - Ngôn ngữ XHTML - Nguyễn Hoàng Tùng", để tải tài liệu gốc về máy bạn click vào nút DOWNLOAD ở trên

Tài liệu đính kèm:

  • pdfbai_giang_lap_trinh_web_ngon_ngu_xhtml_nguyen_hoang_tung.pdf

Nội dung text: Bài giảng Lập trình web - Ngôn ngữ XHTML - Nguyễn Hoàng Tùng

  1. NGÔ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
  2. Nộ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. 16/08/2014 Lập trình Web 2
  3. XHTML 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. XHTML được W3C xem như là một chuẩn trong lập trình web (W3C Recommendation) và hiện nó đang được dùng để thay thế cho HTML. 16/08/2014 Lập trình Web 3
  4. Lịch sử phát triển 1989: HTML ra đời bởi Tim Berners-Lee dựa trên cơ sở của 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, Tim Berners-Lee 2002: XHTML 2.0, 2008: HTML 5 ra đời với nhiều tính năng nổi bật. 16/08/2014 Lập trình Web 4
  5. Tại sao lại dùng XHTML? Có quá nhiều lỗi về cú pháp HTML ở các trang trên internet. 16/08/2014 Lập trình Web 5
  6. Yê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. 16/08/2014 Lập trình Web 6
  7. Yêu cầu 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). First Page Wellcome to XHTML! 16/08/2014 Lập trình Web 7
  8. Yê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: Cú pháp đúng: 16/08/2014 Lập trình Web 8
  9. Yê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: Cú pháp đúng: 16/08/2014 Lập trình Web 9
  10. Yê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: 01/08/2012 Lập trình Web 10
  11. Yê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: Cú pháp đúng: 16/08/2014 Lập trình Web 11
  12. Yê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: Cú pháp đúng: 16/08/2014 Lập trình Web 12
  13. Yê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: Cấu trúc đúng: 16/08/2014 Lập trình Web 13
  14. Yê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: 16/08/2014 Lập trình Web 14
  15. Giải đáp thắc mắc 16/08/2014 Lập trình Web 15