Tiếp nối bài viết trước, hôm nay mình xin hướng dẫn các bạn tạo một
trang web bằng HTML đơn giản. Bài viết này mình sẽ giới thiệu về cấu
trúc của một trang HTML, các thẻ(tag) cần thiết nhất để sau này các bạn
có thể áp dụng được vào với Blogger-Blogspot.
Để bắt đầu chúng ta cũng cần "tư liệu sản xuất" ( yêu triết quá :D):
- Trình duyệt web :
- là IE( Internet Explorer) - Cái này mặc định Windown XP đã có sẵn
- là Google Chrome ( cái này mình ưng phết)
- là FireFox (cái này mình cũng hay dùng :D và cũng rất nhiều coder dùng)
Khuyên các bạn nên dùng 2 cái dưới
- Phần mềm soạn thảo văn bản:
- Notepad
: là phần mềm đã có sẵn, rất tiện sử dụng
- Notepad ++
: Nâng cao hơn Notepad, có phân biệt màu để coder nhìn rõ
OK, như vậy là đủ để đi "cày" HTML :))
Một file HTML có dạng tổng quát như sau:
(Các bạn có thể copy nhưng mình khuyên là nên gõ để nhớ lâu hơn)
<html><!-- Mở đầu 1 tập tin HTML-->
<head>
<title>Trang Web đầu tiên của tôi</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<h1> Tiêu đề có kích thước lớn nhất</h1>
<h2>Tiêu đề có kích thước heading2</h2>
...
<h6>Tiêu đề có kích thước nhỏ nhất h6</h6>
<p>Đoạn văn bản</p>
</body><!--Kết thúc thẻ body-->
</html><!--Kết thúc thẻ html-->
Lưu tập tin html với mẫu như hình (
bấm vào đây để xem ảnh rõ hơn) :
Một cặp thẻ HTML thường có dạng <thẻ>Nội dung</thẻ>