Giáo trình HTML

mềm hiệu đính tài liệu sinh ra để có tên duy 
 nhất của tài liệu. Bộ duyệt có thể bỏ qua thành phần này. 
 3 
 o Dùng để đa vào tài liệu những thông tin phụ không định nghĩa đợc 
 bằng các thành phần khác của HTML. Thờng đi kèm với HTTP-
 EQUIV, NAME, CONTENT. 
 Nói chung chỉ có ý nghĩa trong tài liệu động ( thờng hay thay đổi 
 ). 
... 
Chứa tất cả các thành phần khác cũng nh nội dung từ lời văn đến hình ảnh cấu 
thành nên một tài liệu, song không dính dáng đến sự bài trí của tài liệu đó ( chỉ 
là dấu hiệu mở đầu và kết thúc ). 
... 
Đánh dấu cụm từ chỉ đến một kết nối siêu văn bản ( hypertext link ) mà khi trỏ 
tới nó, bộ duyệt sẽ dẫn dắt đến một tài liệu hay một đoạn văn bản khác. Có 
nhiều thuộc tính nhng hoặc NAME hoặc HREF là các thuộc tính bắt buộc. 
 HREF 
 Nếu có HREF, cụm từ đứng giữa sẽ thành siêu văn bản, nghĩa là nó trỏ 
 đến một văn bản khác chứ không chỉ mang nội dung thuần tuý. Khi chọn 
 vào cụm từ đó, một tài liệu khác hoặc đoạn tài liệu khác trong cùng một 
 tài liệu đang xem mà địa chỉ đợc chỉ ra bởi giá trị của thuộc tính HREF 
 sẽ đợc hiện lên. 
 Ví dụ: 
 Xem phần Giải thích để 
 biết thêm chi tiết. 
 Trong ví dụ trên, khi chọn vào Giải thích, trang tài liệu từ máy chủ có 
 địa chỉ 190.2.0.1 có tên là gthich.htm sẽ đợc lấy về và hiển thị trên màn 
 hình bởi bộ duyệt. 
 Dùng dạng HREF="#tên_gọi" để chỉ đến một điểm móc nối khác trong 
 cùng tài liệu đang xét. Ví dụ: 
 Phần glossary giải thích các 
 thuật ngữ dùng trong tài liệu. 
 4 
 Trong ví dụ này, khi chọn vào glossary đa ta đến một điểm móc nối khác 
 (đợc định nghĩa bằng ...) trong cùng tài liệu 
 có tên là tailieu.htm. Nếu điểm móc nối lại ở tài liệu khác, HREF có thể 
 là URL tơng đối so với địa chỉ của tài liệu hiện thời hay địa chỉ cơ sở đã đ-
 ợc xác định ( bằng ở trên). 
 NAME 
 Dùng để đặt tên cho điểm móc nối và vì vậy phải là duy nhất trong nội 
 bộ tài liệu hiện thời mặc dù tên có thể đặt tuỳ ý. 
 Ví dụ: 
 Cà phê là một ví dụ về loại cây... 
 Một ví dụ về loại cây này là cà phê . 
 Từ tài liệu khác có thể tham chiếu tới bằng cách đặt tên gọi vào sau địa 
 chỉ , ngăn cách bằng một dấu #. 
 Ví dụ: 
 TITLE 
 Thuộc tính này chỉ có ý nghĩa thông báo và đợc dùng để đặt đầu đề cho 
 tài liệu mà địa chỉ do HREF chỉ ra. Đầu đề cần phải là duy nhất đối với tài 
 liệu đích. Nó có ích ít nhất là trong hai trờng hợp sau: 
o Bộ duyệt có thể hiện đầu đề của tài liệu trớc khi lấy về, chẳng hạn 
 nh một ghi chú nhỏ bên lề hay trong một khung nhỏ khi con trỏ chuột di 
 qua điểm móc nối (có thể là một cụm từ hay một hình ảnh), hay khi đang 
 tải tài liệu ra (nhất là khi qua đờng truyền có tốc độ không cao lắm). 
 Các thành phần định dạng khối dùng để tạo dạng của một doạn văn bản 
 và phải nằm trong phần thân của tài liệu. Có những cặp từ khoá quan 
 trọng sau đây: 
 ...-Định dạng phần địa chỉ. 
 ...-Định dạng sáu mức tiên đề. 
 -Đờng phân cách ngang tài liệu. 
 ...-Giới hạn một paragraph. 
 5 
-Bẻ dòng. 
...-Đoạn văn bản đã định dạng sẵn. 
...-Trích dẫn nguồn tài liệu khác. 
... 
Cho biết thông tin nh địa chỉ ,danh thiếp và tác giả thờng đặt ở đầu 
hay cuối tài liệu. 
Ví dụ sử dụng: 
Newsletter editor 
J.R.Brown 
JimquickPost News, Iumquick, CT 01234 
Tel (123) 456 7890 
Kết quả thực hiện: 
Newsletter editor 
J.R.Brown 
JimquickPost News, Jumquick, CT 01234 
Tel (123) 456 7890 
... 
MTML có sáu mức tiêu đề (đề mục ) bao hàm kiểu phông chữ, 
cách đoạn trớc sau cũng nh khoảng trống cần thiết để thể hiện tiêu 
đề. Mức cao nhất là H1 kế đến H2,...H6. 
Ví dụ sử dụng: 
Cách thể hiện các tiêu đề phụ thuộc vào bộ duyệt. Nhng thông th-
ờng thì: 
... 
Đờng kẻ ngang ( Horizontal Rule ) ngăn cách giữa các phần trong 
tài liệu. 
Ví dụ: 
February 8, 1995, CERN 
... 
 6 
Chỉ là giới hạn một paragraph. Cách bài trí do các thành phần 
khác tạo thành. Thờng chỉ có khoảng trống khoảng một dòng hay 
nửa dòng trớc paragraph, trừ khi nằm trong phần địa chỉ ( trong 
... ). Một số bộ duyệt thể hiện dòng đầu của 
paragraph thụt vào. 
Ví dụ: 
Tiêu đề của Paragraph 
Đoạn văn bản thuộc về paragraph thứ nhất. 
Đoạn văn bản thuộc về paragraph thứ hai.Mặc dù không nhất 
thiết phải bắt đầu bằng dòng mới, song dùng cách này giúp cho 
việc "lu trữ" tài liệu dễ dàng hơn. 
Đoạn văn bản thứ ba. 
Ghi chú: HTML 3.0 mở rộng từ khoá này với thuộc tính căn lề. 
Bắt buộc xuống dòng tại vị trí gặp từ khoá này. Dòng mới đợc căn 
lề nh dòng đợc bẻ tự động khi dòng đó quá dài. Ví dụ: 
Smile 
an everlasting smile 
a smile could bring you near to me 
Ghi chú: Netscape mở rộng . 
... 
... 
Dùng để trích dẫn một đoạn văn bản, thờng đợc thể hiện bằng chữ 
nghiêng có căn lề lùi vào trong ( nh một paragraph ) và thờng có 
một dòng trống trên và dới. 
Ví dụ: 
I think the poem ends 
Soft you now, the fair Ophelia. Nymph, in thy orisons, 
be all my sins remembered.But I am not 
sure. 
I think the poem ends 
 7 
 Soft you now, the fair Ophelia. Nymph, in thy orisons, be all my 
 sins remembered. 
 But I am not sure. 
HTML hỗ trợ nhiều kiểu loại danh sách , tất cả đều có thể lồng vào nhau và chỉ 
nên dùng trong phần thân của tài liệu (...). 
...-Danh sách định nghĩa. 
...-Danh sách kiểu th mục. 
...-Danh sách kiểu thực đơn. 
...-Danh sách có sắp xếp. 
...-Danh sách không sắp xếp. 
... 
Lập danh sách các thuật ngữ và định nghĩa tơng ứng. 
Ví dụ: 
TermThis is the difinition of the first term. 
TermThis is the difinition of the second term. 
Kết quả của ví dụ trên: 
 Term 
 This is the difinition of the first term. 
 Term 
 This is the difinition of the second term. 
 để chỉ tên thuật ngữ, để chỉ phần định nghĩa. Sau 
 phải là . Có thể có thêm thuộc tính COMPACT để chỉ dẫn thêm là 
 xếp và theo từng cặp. Lúc đó sẽ phải viết là <DL 
 COMPACT> và tiếp theo cũng vẫn phải là : 
 TermThis is the difinition of the first term. 
 TermThis is the difinition of the second term. 
 8 
 Kết quả của lần ví dụ này: 
 Term 
 This is the difinition of the first term. 
 Term 
 This is the difinition of the second term. 
... 
Danh sách các phần tử mà trong đó mỗi phần tử dài đến 20 kí tự. Sau bắt 
buộc phải là ( list item ): 
A-HI-NM-RS-Z 
Kết quả của dòng văn bản này: 
 A-H 
 I-N 
 M-R 
 S-Z 
... 
Danh sách các lựa chọn trong một thực đơn. Sau phải là ( list item 
): 
<First item in the list. 
Second item in the list. 
Third item in the list. 
Kết quả: 
 o First item in the list. 
 o Second item in the list. 
 9 
 o Third item in the list. 
... 
 Danh sách có sắp xếp theo trình tự hay mức độ quan trọng. Sau 
 phải là ( list item ) và có thể có thêm thuộc tính COMPACT. 
 First list item. 
 Second list item. 
 Third list item. 
 1. First list item. 
 2. Second list item. 
 3. Third list item. 
 ... 
 Cũng nh nhng danh sách không hề có sắp xếp. 
 Ví dụ: 
 First list item. 
 Second list item. 
 Third list item. 
 Cho kết quả: 
 o First list item. 
 o Second list item. 
 o Third list item 
 Khai báo loại thông tin: 
 ...-Trích dẫn. 
 ...-Ví dụ về mã lệnh. 
 ...-Nhấn mạnh. 
 ...-Kí tự do ngời dùng gõ vào trên bàn phím. 
 ...-Nguyên văn. 
 10 
...-Rất nhấn mạnh. 
...-Chỉ tên biến hay tham số. 
Định dạng mẫu kí tự: 
...-Chữ đậm. 
...-Chữ nghiêng. 
...-Chữ đánh trên máy chữ. 
... 
This sentence, containing a citation reference 
 would look like: 
This sentence, containing a citation reference would look like: 
... 
Dùng để chỉ ra một đoạn chơng trình nguồn ( mã lệnh ). Cần phân 
biệt với văn bản định dạng sẵn ( Preformatted Text ).Ví dụ: 
This sentence contains an example of code . 
It would look like: 
This sentence contains an example of code . It would look like: 
... 
Từ khoá này dùng để nhấn mạnh, chẳng hạn: 
The Emphasis element tyically tenders as 
Italics. 
sẽ trở thành: 
The Emphasis element tyically renders as Italics. 
... 
Thờng dùng trong hớng dẫn sử dụng để chỉ rằng kí tự là do ngời 
dùng gõ vào: 
The text inside the KBD element would typically 
 renders as monospaced font. 
sẽ thể hiện là: 
The text inside the KBD element would typically renders as 
monospaced font. 
 11 
... 
Ví dụ: 
A sequence of literal characters commonly 
renders as monospaced font. 
sẽ cho: 
A sequence of literal characters commonly renders as 
monospaced font 
... 
Dùng để nhấn mạnh: 
The instrucstions must be read before 
continuing. 
sẽ cho kết quả là: 
The instructions must be read before continuing. 
... 
Chỉ ra tên biến hay tham số: 
Ví dụ: 
When coding,LeftIndent()must be a variable. 
sẽ cho kết quả là: 
When coding, LeftIndent() must be a variable 
... 
Thể hiện bằng chữ đậm (bold): 
The instrucstions must be read before continuing. 
sẽ cho kết quả là: 
 12 
The instructions must be read before continuing. 
... 
Thể hiện bằng chữ nghiêng (Italics): 
Anything between the I elements should be Italics. 
sẽ cho kết quả là: 
Anything between the I elements should be Italics 
... 
Chỉ ra rằng những kí tự gõ bằng máy chữ hay teletip(teletype): 
Text between the typetype elements should be 
rendered in fixed width typewriter font. 
sẽ cho kết quả là: 
Text between the typetype elements should be rendered in fixed 
width typewriter font. 
... 
Dùng để lồng hình ảnh vào tài liệu. Không dùng để chèn siêu văn bản 
khác. Có thể có thêm những thuộc tính sau: 
Căn lề trên ( TOP ) ,giữa ( MIDDLE ), dới ( BOTTOM ) các kí tự 
văn bản đối với hình ảnh: 
Dùng trong trờng hợp có thể bộ duyệt không hiểu thị đợc hình ảnh 
phải hiện dòng văn bản thay thế. Ví dụ: 
 Be sure to read 
these instructions. 
 13 
Hình ảnh có dạng một bảng đồ , nghĩa là có chứa các vùng đợc 
"ánh xạ" đến những URL và khi bấm vào các vị trí khác nhau trên 
hình ảnh sẽ dẫn đến các tài liệu khác nhau.Ví dụ: 
Đây là thuộc tính bắt buộc, với các giá trị là một URL của hình ảnh 
đợc lồng vào. Cú pháp cũng nh ở HREF trong thành phần liên kết 
.Ví dụ: 
 Be sure to read these 
instructions. 
 14