Các thẻ HTML các BLOGGER cần biết

Muốn trở thành BLOGGER chuyên nghiệp bạn cần nắm chắc những thẻ dưới đây

• HML cơ bản cho người mới bắt đầu
• Cây Cấu trúc HTML cơ bản

• Đề mục: Có 6 loại đề mục tất cả với mức độ nhấn mạnh giảm dần từ <h1> đến <h6>. Nếu bạn quan tâm đến SEO thì có lẽ đây là thẻ mà bạn nên chú trọng sử dụng đúng cách.

  01 02 03 04 05 06

  <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 Text:

  01 02 03 04

  <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:

  01 02 03 04 05 06 07 08 09

  <!-- 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 là danh sách có đánh số thứ tự <ol> và danh sách không đánh số thứ tự<ul>. Bên trong các thẻ danh sách này, các phần tử được đánh dấu với thẻ <li>.

  01 02 03 04 05 06 07 08 09 10

  <!-- 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> <!-- 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> </ul>

• Liên kết:

  01 02

  <a href="địa chỉ liên kết">Đâ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:

  01	<img src="đường dẫn đến ảnh" alt="chú thích cho ảnh"/>