Bài giảng Ngôn ngữ HTML do Đỗ Hiệp Thuận biên soạn cung cấp cho người đọc các kiến thức: Giới thiệu HTML, thành phần của HTML, thẻ HTML cơ bản, thẻ HTML nâng cao. Mời các bạn cùng tham khảo nội dung chi tiết.
Khoa Công Nghệ Thông Tin Trường Đại Học Cần Thơ Ngôn Ngữ HTML Đỗ Hiệp Thuận dhthuan@cit.ctu.edu.vn Cần Thơ 10-03-2006 Nội dung Giới thiệu HTML Thành phần HTML Thẻ HTML Thẻ HTML nâng cao Printed with FinePrint trial version - purchase at www.fineprint.com Giới thiệu HTML Mơ hình Web Trang Web Trình duyệt (Browser) Phụ c vụ Y file1.htm w /ww / : http dia co eb w i ch c ầu ile1 m /f Web Server htm User Giới thiệu HTML HTML gì? Ngơn ngữ đánh dấu siêu văn (Hyper Text Markup Language) File HTML text file (file văn bản) có chứa thẻ (tag) đánh dấu Thẻ - tag dùng để định dạng văn bản, hiển thị trình duyệt Web (Web Browser) File HTML có phần mở rộng htm hay html Printed with FinePrint trial version - purchase at www.fineprint.com Giới thiệu HTML Cấu trúc tài liệu HTML Tieu de cua trang Day la trang Web dau tien Day la doan van ban in dam Các thành phần HTML Thẻ - tag HTML Dùng để định dạng tài liệu, Tên thẻ không phân biệt ký tự HOA hay thường, Thuộc tính để bổ sung thêm thơng tin cho nội dung, Văn cần định dạng phải nằm thẻ bắt đầu thẻ kết thúc gọi thành phần nội dung, Thẻ lồng vào thẻ khác, khơng có CHÉO lẫn Printed with FinePrint trial version - purchase at www.fineprint.com Các thành phần HTML Thẻ - tag HTML Dạng thẻ Thẻ đơn: có thẻ bắt đầu Ví dụ: Thẻ kép: có thẻ bắt đầu có thẻ kết thúc Văn in dậm Các thành phần HTML Địa tuyệt đối địa tương đối Địa tuyệt đối: địa đầy đủ đến tài liệu Internet hay máy tính cục VD : http://www.cit.ctu.edu.vn/thongbao.htm Địa nền: địa bắt đầu trang Web VD : Địa tương đối: địa tính từ vị trí trang HTML hay tính từ địa (nếu có) VD : Trang ke tiep Printed with FinePrint trial version - purchase at www.fineprint.com Thẻ HTML Thẻ bản: : định nghĩa trang Web : phần đầu trang Web : phần thân trang Web : đề mục kích thước từ đến: đoạn (paragraph) : xuống hàng : vẽ hàng ngang : thích Thuộc tính : align = “left / right / center” Thẻ HTML Ví dụ 1: Printed with FinePrint trial version - purchase at www.fineprint.com 10 Thẻ HTML Thẻ định dạng văn bản: : in đậm : gạch : in nghiêng : nhấn mạnh : làm bật : chữ lớn : chữ nhỏ : số : số : computer code : keyboard : sample : teletype text : variable : có dạng giống phần soạn thảo , , : gạch 11 Thẻ HTML Ví dụ 2: Printed with FinePrint trial version - purchase at www.fineprint.com 12 Thẻ HTML Ví dụ 3: 13 Thẻ HTML Định dạng ký tự đặc biệt: < > & khoảng trắng ký tự < ký tự > ký tự & " © ® ¥ Printed with FinePrint trial version - purchase at www.fineprint.com ký tự ký tự ký tự ký tự “ © ® ¥ 14 Thẻ HTML Thẻ tạo liên kết: Liên kết : Vi tri bat dau Vi tri bat dau • 49 Thẻ HTML nâng cao Thẻ Title Cung cấp tên tiêu đề tiêu đề trình duyệt thể trang Web Printed with FinePrint trial version - purchase at www.fineprint.com 50 Thẻ HTML nâng cao Thẻ Meta: Cung cấp thông tin tổng quát trang Web cho Search Engine lưu trữ Mô tả : Chỉ định trang Web: mở trang Web URL sau 5s