HTML là định dạng văn bản trên website, sử dụng với các editor không có sẵn các chức năng định dạng như in đậm, in nghiêng, chèn link…
Trong bài viết này, TADA sẽ hướng dẫn bạn các thẻ HTML cơ bản và thường dùng trong việc định dạng văn bản
Chúng ta hãy nhìn qua 1 ví dụ như hình bên dưới.
Dựa vào văn bản, chúng ta có thể bóc tách ra các loại nội dung như:
- Đoạn văn (paragraph)
- In đậm (bold)
- In nghiêng (italic)
- Liên kết (hyperlink)
- Danh sách (unordered list)
- Danh sách có số (ordered list)
Dưới dạng HTML, nó sẽ được đánh thẻ như hình bên dưới
TADA mô tả rõ ý nghĩa của các thẻ HTML
Đoạn văn <p>
Dùng cặp thẻ <p></p> để xác định 1 đoạn văn bản. Đoạn văn bản sẽ có khoảng cách ở trên và ở dưới so với các nội dung khác.
In đậm <strong></strong>
In nghiêng <i></i>
Liên kết <a></a>
Mình cùng xem ví dụ này:
<a href="https://doc.tada.vn/" target="_blank" rel="nofollow"><strong>App Passwords</strong></a>
- Nội dung giữa 2 thẻ mở <a> và đóng </a> là text hiển thị trên website (hay còn được gọi là anchor text).
- href=”https://doc.tada.vn” là liên kết chèn trong anchor text. Khi người dùng click lên anchor text, sẽ mở ra website theo link đính kèm trong ahref.
- target=”_blank” sẽ mở ra 1 tab mới, thay vì mở tab hiện tại.
- rel=”nofollow” sẽ báo với Google không cộng điểm uy tín cho liên kết gắn trong anchor text. Attribute này có ý nghĩa với SEO.
Bạn có thể thử với 2 ví dụ bên dưới:
Danh sách <ul>
- Đóng mở thẻ <ul></ul> sẽ xác định khu vực lập danh sách.
- Cặp thẻ <li></li> sẽ xác định 1 dòng trong danh sách.
Danh sách số <ol>
- Đóng mở thẻ <ul></ul> sẽ xác định khu vực lập danh sách số.
- Cặp thẻ <li></li> sẽ xác định 1 dòng trong danh sách.
