Bài 3: Các thẻ cơ bản trong HTML

Ở bài trước thì mình có giới thiệu về cấu trúc của một file HTML nó như thế nào, bài này mình sẽ tiếp tục giới thiệu cho các bạn những thẻ cơ bản trong HTML

1.Các thẻ tiêu đề (HTML Headings):

• Bao gồm các thẻ từ <h1> đến <h6>: thường được sử dụng để thể hiện cho tiêu đề bài viết, bản tin, các mục nhấn mạnh . . .
• Font chữ (size) của nội dung trong các thẻ giảm từ <h1> đến <h6> (h1 lớn nhất, h6 nhỏ nhất).

Khi xuất ra ngoài thì các bạn sẽ thấy như sau:

Nội dung thẻ h1
Nội dung thẻ h2
Nội dung thẻ h3
Nội dung thẻ h4
Nội dung thẻ h5
Nội dung thẻ h6

2.Đoạn văn bản trong HTML (HTML Paragraphs):

Đoạn văn bản trong tài liệu HTML được định nghĩa bằng thẻ <p>

3.Liên kết (HTML Links):

Một trang website bao gồm rất nhiều trang web (web page), các web page liên kết lại với nhau để tạo lên website.

Liên kết trong HTML được định nghĩa bằng cặp thẻ <a>

4.Các thuộc tính (Attribute) của thẻ <a>

• href: quy định địa chỉ (url) mà liên kết trỏ tới
• title: thẻ tiêu đề khi di chuột tới liên kết
• target: (đích) thuộc tính này sẽ quy định liên kết sẽ được mở ra ở đâu: _self (trang hiện tại), _blank (cửa sổ mới), . .

5. HTML Line Breaks <br/>:

Sử dụng <br /> để xuống dòng trong một đoạn văn bản

Tuy nhiên chúng ta không nên sử dụng thẻ <br /> trong tài liệu HTML (khuyến cáo)

6. HTML Lines (<hr />):

Thẻ <hr /> sẽ tạo một đường kẻ ngang trong trang HTML. <hr /> là thẻ đơn không có thẻ đóng

<hr />

7. HTML images (Hình ảnh):

Để chèn hình ảnh vào tài liệu HTML ta sử dụng thẻ <img>, đây là thẻ HTML không có thẻ đóng

Các thuộc tính của thẻ <img>

• src=”images.jpg”: Chỉ ra đường dẫn tập tin hình ảnh (có thể là đường dẫn tuyệt đối hoặc tương đối, vấn đề này mình sẽ giải thích ở một topic khác)
• alt=”Mô tả ”:  Nội dung sẽ được hiển thị khi đường dẫn tới tập tin hình ảnh không tồn tại
• title=”Tiêu đề”: Nội dung hiển thị khi đưa trỏ chuột lên hình.
• width, height: Độ rộng và độ cao của file hình được tính bằng px, nếu không có thuộc tính width, height thì mặc định sẽ lấy kích thước gốc của file hình

8. Các thẻ định dạng text (HTML Text Formatting):

<b> (bold): Chữ In đậm

<u> (Underline): Chữ gạch chân

<i> (italic): Chữ in nghiêng

<big> (Big): Chữ lớn hơn

<sub> (Subscrip) Chỉ số dưới, ví dụ:
H₂O

<sup> (Superscript): Chỉ số trên, ví dụ:
x²y

<strong> In đậm (nhấn mạnh <b>)

<em>(emphasized): Chữ in nghiêng, Nhấn mạnh hơn <i>

Kết luận:

Qua 3 bài viết cơ bản về HTML các bạn có lẽ cũng học được cấu trúc và những thẻ cơ bản của HTML rồi, giờ bạn có thể sử dụng những kiến thức của 3 bài trên để tạo cho mình 1 trang web cơ bản.