Những thẻ HTML hay còn gọi là tag html. Ngoài những thẻ cấu trúc của một trang HTML sau đây hocdelam.info giới thiệu với bạn những thẻ không thể thiếu cho một trang nội dung hay sử dụng
Contents
Tiêu đề
có 6 loại tiêu đề từ <h1> đến <h6>
1 2 3 4 5 6 |
<h1>Tiêu đề bài viết</h1> <h2>Phần 1</h2> <h3>Chương 1.1</h3> <h4>Tiểu mục 1.1.1</h4> <h5>Đề mục 1.1.1.1</h5> <h6>Đề mục con 1.1.1.1.1</h6> |
Định dạng văn bản hay còn gọi là text
1 2 3 4 |
<b>Tô đậm</b> <i>In nghiêng</i> <strong>Tô đậm theo chuẩn web ngữ nghĩa</strong> <em>In nghiêm theo chuẩn web ngữ nghĩa</em> |
Phân đoạn văn bản.
Khi trình bày một bài văn thì chúng ta chia thành nhiều đoạn, cách chia đoạn trong html như sau:
1 2 3 4 5 6 7 8 9 |
<!-- Comment: thẻ p dùng để đánh dấu đoạn văn, tách riêng với những đoạn text bình thường--> <p>Đoạn văn bản</p> <!-- Comment: br là thẻ đơn, nên bạn không cần thẻ đóng --> Xuống dòng với <br> <!-- Comment: trích dẫn từ nguồn khác --> <blockquote>"Tôi chuẩn man" ~ Cao Thái Sơn</blockquote> |
Danh sách
Có 2 loại danh sách, thứ tự và không thứ tự
Danh sách thứ tự
1 2 3 4 5 |
<!-- Comment: Danh sách có sắp xếp thứ tự --> <ol> <li>Phần tử 1</li> <li>Phần tử 2</li> </ol> |
Danh sách không thứ tự
1 2 3 4 5 6 |
<!-- Comment: Danh sách không sắp xếp thứ tự --> <ul> <li>Phần tử 1</li> <li>Phần tử 2</li> <li>Phần tử 3</li> </ul> |
Liên kết
Truy cập website khi bạn click vào một hình ảnh hay một tiêu đề thì đó là phần liên kết. Mã code liên kết như sau:
1 2 |
<a href="hocdelam.info" "target="_blank" >Đây là một liên kết</a> <a href="địa chỉ liên kết "target="_blank">Liên kết này sẽ mở ở cửa sổ mới</a> |
Ảnh
Trang web không thể thiếu ảnh, sau đây là mã nguồn, source code của một html chứa một ảnh
1 |
<img src="đường dẫn đến ảnh" alt="chú thích cho ảnh"/> |
Chứa nội dung
Để chứa nội dung của một đoạn văn bản, hay một bài văn bản chúng ta dùng thẻ <div>
1 2 3 4 5 |
<div> Trong div chứa đựng doạn văn bản Trong div chứa cả một bài văn bản Trong div định dạng vị trí văn bản </div> |
Tổng kết
Trên đây hocdelam.info vừa giới thiệu các bạn nhưng tag html (thẻ html) không thể thiếu trong một trang web. Rất đơn giản và dễ hiểu để bạn thực hành và làm web. Chúc bạn thành công