Bài giảng Lập trình mạng: HTML – Nguyễn Thị Quỳnh Hoa

"Bài giảng Lập trình mạng: HTML – Nguyễn Thị Quỳnh Hoa" cung cấp đến người học kiến thức thẻ (tag), thẻ dùng trong soạn thảo văn bản, thuộc tính của thẻ, thẻ văn bản, cấp độ thẻ tài liệu, thẻ loại tài liệu và thẻ HTML, thẻ HEAD, thẻ BODY, định dạng văn bản, ký tự...
Nội dung trích xuất từ tài liệu:
Bài giảng Lập trình mạng: HTML – Nguyễn Thị Quỳnh HoaLập trình mạng 1. HTML NGUYỄN THỊ QUỲNH HOA Bộ môn Kỹ thuật máy tính, Khoa CNTT Trường Đại học Sư phạm Hà Nội hoantq@hnue.edu.vn Thẻ (tag) ◼ ◼ Không phân biệt chữ hoa, chữ thường ◼ Có 2 loại thẻ: ❑ Thẻ mở: Ví dụ mở đầuComputer Architecture –Department of Information Systems @ Hoá NGUYENhoantq@hnue.edu.vn 3 Ví dụ mở đầu ◼ Chạy thử nghiệm: ❑ Mở trình duyệt Web ❑ Vào File/Open chọn file modau.html ❑ Nhấn OK ◼ Chỉnh sửa: ❑ Quay lại trình soạn thảo rồi sửa lại ❑ Chuyển sang IE, nhấn nút RefreshComputer Architecture –Department of Information Systems @ Hoá NGUYENhoantq@hnue.edu.vn 4 Thẻ dùng trong soạn thảo văn bản ◼ Văn bản được soạn thảo bình thường trong các file HTML ◼ Mọi khoảng trống, dấu xuống dòng trong HTML được thể hiện trên trang web là 1 khoảng trống duy nhất ◼ Một số ký tự đặc biệt sử dụng mã sau: ❑ Ký tự khoảng trống: ❑ Dấu nhỏ hơn (): < &qt; ❑ Dấu ngoặc kép (“): ❑ Ký hiệu © : © ❑ …Computer Architecture –Department of Information Systems @ Hoá NGUYENhoantq@hnue.edu.vn 5 Ví dụ: Soạn thảo văn bản sauComputer Architecture –Department of Information Systems @ Hoá NGUYENhoantq@hnue.edu.vn 6 Các thẻ cơ bản và thuộc tínhComputer Architecture –Department of Information Systems @ Hoá NGUYENhoantq@hnue.edu.vn 7 Thuộc tính của thẻ ◼ Một thẻ có thể có các thuộc tính nhằm bổ sung tác dụng cho thẻ ◼ Mỗi thuộc tính có tên thuộc tính (tên_TT) ◼ Các thuộc tính đặt trong thẻ mở ◼ Ví dụ: Computer Architecture –Department of Information Systems @ Hoá NGUYENhoantq@hnue.edu.vn 8 Document tagsComputer Architecture –Department of Information Systems @ Hoá NGUYENhoantq@hnue.edu.vn 9 Thẻ văn bản ◼ Cấp độ thẻ tài liệu ◼ Loại thẻ tài liệu ◼ Thẻ HTML ◼ Phần thẻ Head ◼ Phần thẻ BodyComputer Architecture –Department of Information Systems @ Hoá NGUYENhoantq@hnue.edu.vn 10 Cấp độ thẻ tài liệuComputer Architecture –Department of Information Systems @ Hoá NGUYENhoantq@hnue.edu.vn 11 Thẻ loại tài liệu và thẻ html ◼ Khai báo doctype giúp trình duyệt hiển thị trang web chính xác ◼ HTML5: ◼ XHTML 1.0: ◼ Thẻ … cho biết đây là tài liệu có định dạng HTMLComputer Architecture –Department of Information Systems @ Hoá NGUYENhoantq@hnue.edu.vn 12 Thẻ HEAD ◼ Thẻ … chứa một số thông tin của trang ❑ Tiêu đề: … ❑ Các thẻ mở rộng ❑ Các đường link tới một số file khác ◼ Nội dung của thẻ head không được hiển thị trong cửa sổ trình duyệtComputer Architecture –Department of Information Systems @ Hoá NGUYENhoantq@hnue.edu.vn 13 Thẻ BODY ◼ Thẻ … chứa toàn bộ nội dung của trang và được hiển thị trên cửa sổ trình duyệt Web ◼ Thuộc tính: ❑ Background: Dùng cho định dạng file hình ảnh làm nền (.gif,.jpg,.bmp) ❑ Bgcolor: Xác lập mầu cho nền ❑ Text: màu chữ ❑ Link: màu cho liên kết chưa xem ❑ Vlink: màu cho liên kết đã xem ❑ Alink: màu cho liên kết đang xem ❑ Leftmargin: Canh lề tráiComputer❑ Topmargin: Canh lề trênhoantq@hnue.edu.vn Architecture –Department of Information Systems @ Hoá NGUYEN 14 TEXTComputer Architecture –Department of Information Systems @ Hoá NGUYENhoantq@hnue.edu.vn 15 Định dạng văn bản, ký tự ◼ Các thẻ định dạng:Computer Architecture –Department of Information Systems @ Hoá NGUYENhoantq@hnue.edu.vn 16 Định dạng văn bản, ký tự ◼ Các thẻ định dạng:Computer Architecture – ...