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

Chia sẻ: Việt Cường Nguyễn | Ngày: | Loại File: PDF | Số trang:67

Thêm vào BST

Báo xấu

65
lượt xem 13
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

"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ự...

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

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

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