văn học

Phần tử khối và phần tử nội tuyến trong HTML

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

Các phần tử cấp độ khối

Phần tử cấp độ khối luôn bắt đầu ở dòng mới, và chiếm chiều ngang tối đa có thể.

Phần tử <div> là một phần tử cấp độ khối.

Ví dụ

<div>Hello</div> <div>World</div>

Các phần tử cấp độ khối trong HTML:

Các phần tử nội tuyến

Một phần tử nội tuyến không bắt đầu ở dòng mới, và chỉ kiếm chiều ngang nó cần để hiển thị.

Ví dụ

<span>Hello</span> <span>World</span>

Các phần tử nội tuyến trong HTML:

Phần tử <div>

Phần tử <div> thường được sử dụng như bộ chứa cho các phần tử HTML khác.

Phần tử <div> không yêu cầu các thuộc tính, nhưng thường có style,class và id.

Khi dùng chung với CSS, phần tử <div> có thể được sử dụng để định kiểu các khối nội dung.

Ví 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>

Phần tử <span>

Phần tử <span> thường được sử dụng như bộ chứa cho một số văn bản.

Phần tử <span> không yêu cầu các thuộc tính, nhưng thường có style,class và id.

Khi dùng chung với CSS, phần tử <span> có thể được sử dụng để định kiểu một phần của văn bản.

Ví dụ

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

Các thẻ dùng để nhóm trong HTML

Thẻ

Mô tả

<div>

Xác định một vùng trong tài liệu (cấp độ khối)

<span>

Xác định một vùng trong tài liệu (nội tuyến - trên cùng dòng)

(*) Bản quyền bài viết thuộc về SachHay24H.com. Khi chia sẻ, cần phải dẫn link, trích dẫn nguồn đầy đủ về SachHay24h.Com. Mọi hành vi sao chép hoặc trích nguồn, chia sẻ bài viết không đầy đủ đều không được chấp nhận và phải gỡ bỏ.
Go HomePage: Sách Hay 24H hoặc click: Sách hay nhất mọi thời đại, Mua sách online, Bạn đắt giá bao nhiêu, Truyện cổ tích Việt Nam, Mùa xuân nho nhỏ, Tràng giang, Hịch tướng sĩ