Xem mẫu
- Lậ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ở đầu
Computer Architecture –Department of Information Systems @ Hoá NGUYEN
hoantq@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 Refresh
Computer Architecture –Department of Information Systems @ Hoá NGUYEN
hoantq@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á NGUYEN
hoantq@hnue.edu.vn 5
- Ví dụ: Soạn thảo văn bản sau
Computer Architecture –Department of Information Systems @ Hoá NGUYEN
hoantq@hnue.edu.vn 6
- Các thẻ cơ bản và thuộc tính
Computer Architecture –Department of Information Systems @ Hoá NGUYEN
hoantq@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á NGUYEN
hoantq@hnue.edu.vn 8
- Document tags
Computer Architecture –Department of Information Systems @ Hoá NGUYEN
hoantq@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ẻ Body
Computer Architecture –Department of Information Systems @ Hoá NGUYEN
hoantq@hnue.edu.vn 10
- Cấp độ thẻ tài liệu
Computer Architecture –Department of Information Systems @ Hoá NGUYEN
hoantq@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 HTML
Computer Architecture –Department of Information Systems @ Hoá NGUYEN
hoantq@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ệt
Computer Architecture –Department of Information Systems @ Hoá NGUYEN
hoantq@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ái
Computer❑ Topmargin: Canh lề trên
hoantq@hnue.edu.vn
Architecture –Department of Information Systems @ Hoá NGUYEN 14
- TEXT
Computer Architecture –Department of Information Systems @ Hoá NGUYEN
hoantq@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á NGUYEN
hoantq@hnue.edu.vn 16
- Định dạng văn bản, ký tự
◼ Các thẻ định dạng:
Computer Architecture –Department of Information Systems @ Hoá NGUYEN
hoantq@hnue.edu.vn 17
- Định dạng văn bản, ký tự
◼ Ví dụ
Computer Architecture –Department of Information Systems @ Hoá NGUYEN
hoantq@hnue.edu.vn 18
- Định dạng văn bản, ký tự
◼ Định dạng font chữ cho văn bản: …
◼ Thuộc tính:
❑ Face=“tên font chữ”: .VnTime, Times New Roman, Aritl
❑ Size=“kích thước”: giá trị 1->7 , mặc định là 3
❑ Color=“màu chữ”
◼ Viết bằng tên tiếng Anh (white, black,…)
◼ Viết dạng 3 màu cơ bản :#RRGGBB,RR, GG, BB.
◼ Viết ở dạng Hexa: #FFFF: Trằng, #FF0000: đỏ
◼ Ví dụ
Computer Architecture –Department of Information Systems @ Hoá NGUYEN
hoantq@hnue.edu.vn 19
- Paragraphs and Lines
Computer Architecture –Department of Information Systems @ Hoá NGUYEN
hoantq@hnue.edu.vn 20
nguon tai.lieu . vn