Đây là cấu trúc cơ bản của một trang web mà bạn sẽ thường xuyên gặp phải:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" type="text/css" rel="stylesheet" />
<title>Tiêu Đề Trang</title>
</head>
<body>
Phần Nội Dung
</body>
</html>
- Website bắt đầu bằng thẻ !DOCTYPE: nó không phải là một thẻ HTML nhưng có ý nghĩa vô cùng quan trọng, nó giúp trình duyệt biết phiên bản ngôn ngữ HTML nào đang được sử dụng (vì HTML có nhiều phiên bản - bạn có nghe nói đến HTML5 không? đó hiện là phiên bản mới nhất) - qua đó giúp trình duyệt biên dịch chính xác mã.
- Tiếp theo là thẻ html: Mọi trang web đều bắt đầu bằng thẻ mở <html> và kết thúc bằng thẻ đóng </html>
- Tiếp đến là thẻ head: Phần nằm trong thẻ head bao giờ cũng là thẻ meta, thẻ link cho stylesheet, thẻ title, có thể có thêm JavaScript.
- Thẻ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />: Xác định tài liệu được viết theo chuẩn utf-8 (giúp hiển thị tốt tiếng Việt và nhiều ngôn ngữ phức tạp khác)
- Thẻ Titile chính là tiêu đề của trang: Nội dung mà bạn đưa vào trong cặp thẻ sẽ hiện lên trên tab trong trình duyệt.
 |
| Blogger Mạng Lưới Toàn Cầu, HTML Tutorial, Home chính là các Titile của trang - Click vào hình để thấy rõ hơn. |
- Thẻ <link href="css/style.css" type="text/css" rel="stylesheet" /> chính là Style Liên Kết, để định kiểu cho trang web.
- Trong cặp thẻ body sẽ là nội dung của trang: ở đây sẽ chứa các thẻ div, thẻ table, các thẻ h1 - h6, thẻ p...
No comments:
Post a Comment