Bài 15: HTML Block và Inline Elements

Mỗi phần tử HTML có một giá trị hiển thị mặc định tùy thuộc vào kiểu của các phần tử của nó. Giá trị hiển thị mặc định cho hầu hết các yếu tố là khối hoặc nội tuyến.

---

Các yếu tố Block cấp

Một yếu tố khối cấp luôn bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng có sẵn (trải dài ra bên trái và bên phải như xa như nó có thể).

<Div> phần tử là một yếu tố ngăn chặn cấp.

Ví dụ về các yếu tố khối cấp:

• <Div>
• <H1> - <h6>
• <P>
• <Form>

---

inline Elements

Một yếu tố nội tuyến không bắt đầu trên một dòng mới và chỉ chiếm càng nhiều chiều rộng khi cần thiết.

Đây là một nội tuyến <span> phần tử bên trong một đoạn văn.

Ví dụ về các yếu tố nội tuyến:

• <Span>
• <a>
• <Img>

---

<Div> phần tử

<Div> phần tử là một yếu tố ngăn chặn cấp thường được sử dụng như một container cho các phần tử HTML khác.

<Div> yếu tố không có thuộc tính bắt buộc, nhưng phong cách và đẳng cấp là phổ biến.

Khi sử dụng cùng với CSS, các phần tử <div> có thể được sử dụng để ngăn chặn phong cách nội dung:

Thí dụ

<div style="background-color:black; color:white; padding:20px;">

<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>

</div>

---

<Span> phần tử

<Span> phần tử là một phần tử nội tuyến thường được sử dụng như một container cho một số văn bản.

<Span> yếu tố không có thuộc tính bắt buộc, nhưng phong cách và đẳng cấp là phổ biến.

Khi sử dụng cùng với CSS, <span> phần tử có thể được sử dụng để phần phong cách của văn bản:

Thí dụ

<h1>My <span style="color:red">Important</span> Heading</h1>

---

HTML Nhóm khóa

Tag	Description
<div>	Defines a section in a document (block-level)
<span>	Defines a section in a document (inline)