Tự học lập trình HTML và JS 1

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) Web Server file1.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