Lập trình wed Part3 basic

Phần đầu HTML Thẻ head Phần tử chứa siêu liệu đặt thẻ thẻ Siêu liệu HTML liệu mô tả tài liệu HTML Siêu liệu không hiển thị giao diện Siêu liệu định nghĩa: document title, character set, styles, links, scripts thông tin khác Các thẻ siêu liệu điển hình: , , , , , 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý Phần đầu HTML Phần tử Phần tử title định nghĩa tên tài liệu HTML Tên được: • Hiển thị thẻ Tab trình duyệt • Cung cấp tên cho trang thêm vào Favorites • Hiển thị tên trang để chế tìm kiếm hiểu lưu trữ liệu  quan trọng SEO 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý Phần đầu HTML Phần tử 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý Phần đầu HTML Phần tử Phần tử dùng để định nghĩa phong cách cho trang web 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý Phần đầu HTML Phần tử Phần tử dùng để định nghĩa phong cách từ tập tin bên trang web 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý Phần đầu HTML Phần tử Phần tử dùng để định nghĩa thông tin siêu liệu tài liệu HTML Định nghĩa tập ký hiệu: Định nghĩa mô tả website: 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý Phần đầu HTML Phần tử Định nghĩa từ khóa dùng cho chế tìm kiếm: Định nghĩa tác giả trang web: Định nghĩa số giây làm trang web 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý Phần đầu HTML Phần tử Ví dụ: 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý Phần đầu HTML Phần tử Định nghĩa mã kịch (javascript) phía client 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý Phần đầu HTML Phần tử Định nghĩa base URL base targets cho URL liên quan trang web 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 10 Biểu tượng Các biểu tượng thể thông qua mã

I will display €

I will display €

I will display €

I will display € I will display € I will display € 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 39 Biểu tượng 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 40 Biểu tượng 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 41 Mã hóa HTML Để hiển thị nội dung trang Web theo ngôn ngữ, cần biết mã hóa ký tự (Character Encoding) Một số chuẩn mã hóa: ASCII, ANSI (Windows-1252), ISO-8859-1, UTF-8 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 42 Mã hóa HTML Thuộc tính charset Nằm thẻ meta 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 43 Mã hóa đường dẫn URL URL - Uniform Resource Locator (Định vị Tài nguyên thống nhất), đường dẫn địa Web URL truyền mạng thông qua mã ASCII, URL chứa ký tự mã bảng mã ASCII, phải mã hóa đường dẫn truyền Internet 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 44 Mã hóa đường dẫn URL Ví dụ: http://it.dlu.edu.vn/xin chao.aspx => http://it.dlu.edu.vn/xin%20chao.aspx 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 45 Mã hóa đường dẫn URL 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 46 XHTML XHTML = EXtensible HyperText Markup Language XHTML dùng để định dạng chuẩn cho trang web HTML, nhiều trình duyệt nhận dạng hỗ trợ 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 47 XHTML Tại phải dùng XHTML Nhiều trang web HTML chứa mã không hoạt động tốt với nhiều trình duyệt XHTML hoạt động tài liệu XML, có cấu trúc thể tốt (thẻ đóng, thẻ mở) 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 48 XHTML Điểm khác biệt so với HTML Cấu trúc nội dung bắt buộc phải có • DOCTYPE • Thuộc tính xmlns thẻ • Các thẻ , , , 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 49 XHTML Điểm khác biệt so với HTML Các phần tử (thẻ) XHTML • Các phần tử lồng cách (có thẻ đóng mở) • Phần tử phải đóng • Phần tử viết thường • Tài liệu XHTML phải có nút gốc 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 50 XHTML Điểm khác biệt so với HTML Các thuộc tính • Thuộc tính phải viết thường • Giá trị thuộc tính phải nằm dấu hai nháy (hoặc nháy) “giá trị”, ‘giá trị’ • Cấm dùng thuộc tính giản lược 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 51 XHTML Chuyển HTML sang XHTML • Thêm XHTML vào dòng đầu trang web • Thêm thuộc tính xmlns vào thẻ trang • Đổi thẻ viết thường • Đóng tất thẻ • Thay đổi tên thuộc tính viết thường giá trị thuộc nằm dấu hai nháy 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 52 XHTML Ví dụ: Title of document

Xin chào

8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 53 ... đầu HTML Phần tử Phần tử title định nghĩa tên tài liệu HTML Tên được: • Hiển thị thẻ Tab trình duyệt • Cung cấp tên cho trang thêm vào Favorites • Hiển thị tên trang để chế tìm kiếm hiểu... Expression 4,5,6 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 17 Bố cục trang web Thẻ div (Division) Đa số trình duyệt hỗ trợ thẻ div gồm Chrome, Firefox, IE, Opera, Safari, Coccoc, … Thuộc tính thẻ div... 8/10/2017 Tạ Hoàng Thắng - Thái Duy Quý 30 HTML Iframe Iframe – Thiết lập chiều cao độ rộng Bỏ viền