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:
<address> <article> <aside> <blockquote> <canvas> <dd> <div> <dl> <dt> <fieldset> <figcaption> <figure> <footer> <form> <h1>-<h6> <header> <hr> <li> <main> <nav> <noscript> <ol> <p> <pre> <section> <table> <tfoot> <ul> <video>
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:
<a> <abbr> <acronym> <b> <bdo> <big> <br> <button> <cite> <code> <dfn> <em> <i> <img> <input> <kbd> <label> <map> <object> <output> <q> <samp> <script> <select> <small> <span> <strong> <sub> <sup> <textarea> <time> <tt> <var>
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)
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ĩ
Well-nessTrải nghiệm bằng phẳng: Khi hạnh phúc không chỉ là sự phấn chấn nhất thời
Well-nessTrải nghiệm bằng phẳng: Khi hạnh phúc không chỉ là sự phấn chấn nhất thời
Những kết quả nổi bật sau 05 năm thực hiện Chỉ thị số 05-CT/TW của Bộ Chính trị về đẩy mạnh...
Cách giải các dạng toán giải phương trình bậc hai một ẩn lớp 9 (cực hay)
Cách giải các dạng toán giải phương trình bậc hai một ẩn lớp 9 (cực hay)
Soạn bài Non-bu và Heng-bu
Soạn bài Dương phụ hành Kết nối tri thức Ngữ văn lớp 11 trang 107 sách Kết nối tri thức tập 1
Soạn bài Dương phụ hành Kết nối tri thức Ngữ văn lớp 11 trang 107 sách Kết...
Đóng vai người lính kể lại bài thơ Đồng chí của Chính Hữu điểm cao
Đóng vai người lính kể lại bài thơ Đồng chí của Chính Hữu điểm cao
Xéo xắt hay Xéo sắc? Từ nào mới đúng để chỉ sự chua ngoa?
Xéo xắt hay Xéo sắc? Từ nào mới đúng để chỉ sự chua ngoa?
Review xem nhiều












