Giao trinh HTML

T để giúp ta có thể thay dòng thông báo mặc định đặt trớc trờng nhận chuỗi ký tự cần tìm bằng một dòng thông báo của mình. Dòng thông báo mặc định đó là:
this is a searchable index. Enter search keywords
Bằng PROMPT, chẳng hạn ta có thể thay thành:
Có thể tìm trong tài liệu bằng các từ khoá vấn đề. Hãy nhập từ khoá:
o	Chỉ ra mối quan hệ giữa tài liệu hiện thời với một số đối tợng khác, thờng là về tác giả, mục tra cứu,...
o	Là tham số do phần 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.
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.
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.
-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 
 ...
 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
 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.
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.
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.
...-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.
 ...
 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à:
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.
 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.