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

Download

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)

◼ <tagname>

◼ Khô ng phâ n biệt chữ hoa, chữ thường

◼ Có 2 loại thẻ:

❑ Thẻ mở: <tagname)

❑ Thẻ đóng:</tagname)

◼ CHÚ Ý: Luô n có thẻ mở nhưng có thể ko có thẻ đóng

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

Ví dụ mở đầu

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

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

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

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 (<) và lớn hơn (>): < &qt;

❑ Dấu ngoặc ké p (“): "

❑ Ký hiệu © : ©

❑ …

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

Ví dụ: Soạn thảo văn bản sau

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

Các thẻ cơ bản và thuộc tính

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

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ụ:

<tên_thẻ tên_TT1=“giá_trị1” tên_TT2=“giá_trị2”…>

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

Document tags

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

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

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

Cấp độ thẻ tài liệu

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

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: <!DOCTYPE html>

◼ XHTML 1.0: <DOCTYPE html PUBLIC”-//W3C//DTD XHTML 1.0 Transitional//EN”

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

◼ Thẻ <html> …</html> cho biết đây là tài liệu có định dạng HTML

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

Thẻ HEAD

◼ Thẻ <head> …</head> chứa một số thô ng tin của trang

❑ Tiêu đề: <title>…</title>

❑ 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

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

Thẻ BODY

◼ Thẻ <body>…</body> 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

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

❑ Topmargin: Canh lề trên

TEXT

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

Định dạng văn bản, ký tự

◼ Cá c thẻ định dạng:

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

Định dạng văn bản, ký tự

◼ Cá c thẻ định dạng:

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

Định dạng văn bản, ký tự

◼ Ví dụ

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

Định dạng văn bản, ký tự

◼ Định dạng font chữ cho văn bản: <font>…</font>

◼ 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ụ

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

Paragraphs and Lines

Choamnptqu@tehrnAurech.eitdeuc.tvunre –Department of Information Systems @ Hoá NGUYEN

Tải về để xem bản đầy đủ

67 trang Thùy Anh 12/05/2022 4280

Download

Bạn đang xem 20 trang mẫu của tài liệu "Bài giảng Lập trình mạng - Nguyễn Thị Quỳnh Hoa", để tải tài liệu gốc về máy hãy click vào nút Download ở trên

File đính kèm:

bai_giang_lap_trinh_mang_nguyen_thi_quynh_hoa.pdf