Các thẻ HTML Cơ bản

Trong bài viết này mình sẽ giới thiệu các thẻ cơ bản nhất của HTML. Nhằm giúp bạn có thể phát triển thêm nội dung cho trang web của mình.

Mình chỉ giới thiệu 1 vài thẻ căn bản. Các thẻ khác mình sẽ nhắc đến trong các bài viết tiếp theo.

1. Thẻ tiêu đề HTML

Các thẻ tiêu đề HTML được định nghĩa bằng các thẻ <h1> đến <h6>

1 2 3 4 5 6 7

<h1>Nội dung tiêu đề</h1> <h2>Nội dung tiêu đề</h2> <h3>Nội dung tiêu đề</h3> <h4>Nội dung tiêu đề</h4> <h5>Nội dung tiêu đề</h5> <h6>Nội dung tiêu đề</h6>

Nó gần giống như dòng tiêu đề của 1 đoạn văn bản.
Các thẻ tiêu đề có ý nghĩa rất quan trọng trong việc tối ưu hóa tìm kiếm website (SEO). Nó giúp các công cụ tìm kiếm hiểu hơn về nội dung văn bản của bạn.

2. HTML Paragraphs - Thẻ văn bản.

Được định nghĩa bằng thẻ <p>

1 2	<p>Nội dung đoạn văn bản.</p>

3. Thẻ liên kết trong HTML.

Trong HTML bạn muốn tạo ra liên kết sang một trang web khác. Nó được định nghĩa bằng thẻ <a>

1	<a href="niithanoi.vn">Hướng dẫn lập trình</a>

Hiển thị:

Hướng dẫn lập trình

Giá trị href: Địa chỉ muốn liên kết. Có thể liên kết đến các trang trong cùng 1 website hoặc ngoài website.

4. Chèn ảnh trong HTML.

Được định nghĩa bằng thẻ <img>

1 2	<img src="link ảnh" width="100px" height="100px" alt="TapChiLapTrinh.com" />

Giải thích:
- Giá trị src là đường dẫn của ảnh. Có thể ghi đường dẫn ở ngoài website hoặc đúng theo thứ tự thư mục. Ghi rõ phần mở rộng của ảnh.
- Width: Đặt độ rộng của ảnh tính bằng pixel.
- Height: Đặt độ cao của ảnh tính bằng pixel.
- Alt: (alternative information) Cung cấp thêm thông tin cho ảnh. Alt có giá trị rất cao trong việc SEO, nó rất quan trọng đối với cỗ máy tìm kiếm.

Ví dụ hiển thị: