Các tài liệu HTML thường cĩ một cấu trúc thống nhất, nĩ bao gồm các cặp thẻ cơ bản sau:
- Cặp thẻ HTML
- Cặp thẻ HEAD, phía trong thẻ HEAD cĩ thẻ TITLE
- Cặp thẻ BODY – nội dung thể hiện trên trang web được đưa vào cặp thẻ này. Dưới đây là một ví dụ đơn giản về một tài liệu HTML (để tạo ra tài liệu văn bản này, cĩ thể dùng trình soạn thảo Notepad, sau đĩ lưu trữ tên file với phần mở rộng là HTML).
<HTML>
<HEAD>
<TITLE>Ví dụ về tài liệu HTML</TITLE> </HEAD>
<BODY>
<P>Hội thảo ứng dụng CNTT trong dạy học</P> <P><IMG SRC=“Picture.gif“></P>
<A HREF=http://www.utehy.edu.vn>chuyển tới trang website của ĐHSPKT Hưng Yên!</A>
</BODY> </HTML>
Giải thích:
- Báo cho trình duyệt biết và hiển thị nguyên bản nội dung giữa hai thẻ (được hiểu là một đoạn – paragraph): thẻ mở <P> và thẻ đĩng </P>
- Sử dụng thẻ <IMG> báo cho trình duyệt biết và hiển thị một tấm ảnh cĩ tên file là picture.gif
- Với thẻ <A> báo cho trình duyệt biết đây là một siêu liên kết tới một địa chỉ khác. Dịng hiển thị trong trình duyệt sẽ là đoạn đặt giữa hai thẻ <A> và </A>
Như vậy, khi dùng trình duyện để mở tài liệu HTML trên, trong cửa sổ trình duyệt nội dung thơng tin hiển thị như sau:
Dịng 1 hiển thị: Hội thảo ứng dụng CNTT trong dạy học Phần tiếp theo hiển thị ảnh của tệp: Picture.gif
Dịng cuối cùng hiển thị nội dung: chuyển tới trang website của ĐHSPKT Hưng Yên. Đây là một siêu liên kết, chỉ cần nhấp chuột vào đây là cĩ thể liên kết tới website: http://utehy.edu.vn