Chuong 2 - HTML và các thẻ cơ bản

HTML là ngôn ngữ để xây dựng trang web, nó mô tả cách thức một trang web hiển thị như thế nào trong một trình duyệt. HTML là một ngôn ngữ
Nội dung trích xuất từ tài liệu:
Chuong 2 - HTML và các thẻ cơ bảnChương 2 HTMLVÀCÁCTHẺCƠBẢNI. GIỚI THIỆU VỀ HTML HTML là ngôn ngữ để xây dựng trang web, nó mô tả cách thức một trangweb hiển thị như thế nào trong một trình duyệt. HTML là một ngôn ngữ mô tả tàiliệu, được hình thành từ ngôn ngữ mô tả tài liệu tổng quát SGML (StandardGeneralized Markup Language) do hãng IBM đề xướng từ năm 1960. HTML khôngphải là một ngôn ngữ lập trình, nó cung cấp các chỉ thị định dạng để phục vụ choviệc trình bày văn bản và các đối tượng khác như hình ảnh, video, các plug-in... Để tham khảo tất cả các thẻ của phiên bản HTML 4.01, là phiên bảnHTML mới nhất được chuẩn hóa vào năm 1999 bởi W3C, có thể tìm trong hai địachỉ có uy tín sau : Trang World Wide Web Consortium HTML Specifications (đặc tả ngôn ngữHTML của tổ chức W3C): http://www.w3.org/TR/html401/ Trang Web của W3Schools, tại web site này ta có thể tìm thấy tất cả cáchướng dẫn tự học về thiết kế web đựa trên nền tảng của HTML, xHTML, XMLvà WAP: http://www.w3schools.com/html/ Xu thế phát triển của các ngôn ngữ trên Web đang dần nghiêng về ngônngữ XML (eXtensible Markup Language), cũng là một ngôn ngữ con của SGML.XML là một ngôn ngữ mô tả cấu trúc dữ liệu trên Web, cho phép người sử dụngxây dựng các thẻ riêng của mình, một trong những ứng dụng quan trọng của XMLlà chuyển đổi dữ liệu giữa các ứng dụng để trao đổi thông tin trên nền của Web,khác với HTML là ngôn ngữ trình bày dữ liệu trên Web.II. CẤU TRÚC MỘT TƯ LIỆU HTML Tư liệu HTML (HTML Document) là một tệp tin văn bản mã ASCII đượcviết bằng ngôn ngữ HTML, tệp tin tư liệu HTML được gọi là mã nguồn (sourcecode) của một web page. Tệp tin tư liệu HTML có phần mở rộng .htm hay .html(Các webserver dùng hệ điều hành UNIX bắt buộc phần mở rộng tư liệu HTMLphải là .html). Phiên bản HTML hiện nay là HTML 4.01 do W3C xây dựng đặc tả,tuy nhiên có một vài thẻ một trong hai trình duyệt IE và NN không sử dụng.II.1. Thẻ HTML Các lệnh của HTML được gọi là các thẻ (tag), các thẻ báo cho trình duyệtweb cần phải làm điều gì ngoài việc thể hiện văn bản lên màn hình. Các thẻ gồmcác phần tử đặt trong cặp dấu < và >. Có hai loại thẻ: thẻ chứa (container tag)vàthẻ rỗng (empty tag). Các lệnh của HTML có thể viết bằng ký tự hoa hoặcthường đều được. 10II.1.1. Thẻ chứa Gồm một phần tử thẻ mở (openning tag) và một phần tử thẻ đóng (closingtag). Thẻ mở bắt đầu bằng dấu < và tiếp ngay sau là tên thẻ, các thuộc tính đượccách nhau bằng một khỏang trắng và cuối cùng là dấu >. Thẻ đóng tương tự nhưthẻ mở chỉ khác một chỗ có dấu / nằm giữa dấu < và tên thẻ. Các dữ liệu đượcđặt giữa thẻ mở và thẻ đóng. Các thuộc tính của một thẻ là tùy chọn, được khaibáo trong thẻ mở và thuộc tính được bao lại trong cặp dấu nháy kép (). Cú pháptổng quát như sau: Nội dung Các ví dụ : 1) Trang Web đầu tay Thẻ mở là , dữ liệu là Trang Web đầu tay, thẻ đóng là ,chú ý rằng thẻ TITLE không có thuộc tính. Thẻ này báo cho trình duyệt hiển thịdòng Trang Web đầu tay trên thanh tiêu đề của cửa sổ trang web. 2) Khoa Tin hoc Thẻ mở là , các thuộc tính và giá trị được gán cho mỗi thuộc tínhđược khai báo bên trong thẻ mở là : thuộc tính color và giá trị blue, thuộc tính sizevà giá trị 2; dữ liệu là Khoa Tin học; thẻ đóng là . Thẻ này báo cho trìnhduyệt hiển thị dòng Khoa Tin học trên trang web với font “.Vn3DH”, cở 2 (tươngđương với font size 10pt), màu xanh.II.1.1. Thẻ rỗng Thẻ rỗng là thẻ chỉ có thẻ mở mà không có thẻ đóng. Các ví dụ : 1) , thẻ này báo cho trình duyệt hiển thị một đường kẻ ngang(horizontal line) trên trang web 2) , thẻ nàybáo cho trình duyệt hiển thị logo của Đại học Đà Nẵng, với đường viền cở 1pt,chiều cao ảnh 133pt, chiều rộng ảnh 147pt.II.2. Cấu trúc một tư liệu HTML Xem xét một tư liệu HTML sau đây ( trích trang chủ của mạng EDU.NET,Bộ Giáo dục&Đào tạo ) Education and Training Network .... 11 .... . Trình duyệt sẽ bỏ qua màkhông thông dịch nội dung này.III. MỘT SỐ THẺ CƠ BẢNIII.1. Các thẻ trong phần đầu của tư liệu HTMLIII.1.1. Thẻ Thẻ này dùng để ghi thông tin về phiên bản HTML được áp dụng trongtrang Web, thường đây là dòng đầu tiên của tư liệu HTML.III.1.2. Thẻ Đây là loại thẻ chứa, dùng để thiết lập tiêu đề của tư liệu HTML, khi trìnhduyệt hiển thị một trang web, tiêu đề sẽ xuất hiện trên Title bar của cửa sổ trangweb. Ví dụ: Đại học Đà Nẵng .... III.1.2. Thẻ Đây là loại thẻ rỗng, hỗ trợ việc bổ sung thông tin về trang web, thẻ nàycho phép ta tự do đặt nhiều thông tin vào liệu HTM ...