Phần tử Block (Khối)
Các phần tử block hiển thị trên màn hình như thể chúng có ngắt dòng trước và sau. Chúng cũng chiếm toàn bộ chiều rộng có sẵn. Một số phần tử block bao gồm: <h1> đến <h6>, <article>, <aside>, <p>, <pre>, <ul>, <ol>, <address>, v.v.
Ví dụ
Ví dụ về một số phần tử block như <address>, <p>, <h3>:
<!DOCTYPE html> <html> <body>
<h2>Coding Ground</h2>
<h3>Bộ biên dịch cho Ngôn ngữ Lập trình và Công nghệ Web</h3>
<p>Nhấn vào các liên kết riêng lẻ để làm việc trên trình biên dịch trực tuyến:</p>
<nav>
<a href="/compile_java_online.php">Java</a> |
<a href="/php_terminal_online.php">PHP</a> |
<a href="/online_jquery_editor.php">jQuery</a> |
<a href="/compile_c_online.php">C</a> |
<a href="/compile_cpp_online.php">C++</a> |
<a href="/online_angularjs_editor.php">AngularJS</a>
</nav>
<p>Chúng tôi cũng có trình biên dịch cho thư viện <acronym title="JavaScript">JS</acronym>.</p>
<address>
Liên hệ tại <a href="mailto:contact@tutorialspoint.com">admin</a>.<br>
Tầng 4,<br>
Tòa nhà Incor9, <br>
Kavuri Hills, <br>
Madhapur, Hyderabad,<br>
Telangana 500081
</address>
</body> </html>
Đoạn mã trên sẽ tạo ra kết quả như sau:
Phần tử Inline (Dòng)
Các phần tử Inline khác với phần tử block vì chúng không xuất hiện như ngắt dòng và có thể xuất hiện trong câu. Một số ví dụ phần tử Inline: <a>, <abbr>, <button>, <code>, <em>, <i>, <textarea>, <time>, v.v.
Ví dụ
Ví dụ triển khai phần tử inline <a> và <acronym> trong HTML:
<!DOCTYPE html> <html> <body>
<h2>Coding Ground</h2>
<h3>Bộ biên dịch cho Ngôn ngữ Lập trình và Công nghệ Web</h3>
<nav>
<a href="/compile_java_online.php">Java</a> |
<a href="/php_terminal_online.php">PHP</a> |
<a href="/online_jquery_editor.php">jQuery</a> |
<a href="/compile_c_online.php">C</a> |
<a href="/compile_cpp_online.php">C++</a> |
<a href="/online_angularjs_editor.php">AngularJS</a>
</nav>
<p>Chúng tôi cũng có trình biên dịch cho thư viện <acronym title="JavaScript">JS</acronym>.</p>
</body> </html>
Đoạn mã trên sẽ tạo ra kết quả như sau:
Kết quả
Di chuột vào JS để hiển thị tiêu đề của acronym:
