HTMLブロックとインライン要素

ブロック要素

ブロック要素は、前後に改行があるかのように画面に表示されます。それらはまた、利用可能な幅全体を占めます。ブロック要素には、

から

、

<!DOCTYPE html>
<html>
<body>
<h2>Coding Ground</h2>
<h3>Compilers for Programming Languages and Web Technologies</h3>
<p>Click on the individual links to work on online compilers:</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>We also have complier for <acronym title="JavaScript">JS</acronym> libraries.</p>
<address>
Contact us at <a href="mailto:contact@tutorialspoint.com">admin</a>.<br>
4th Floor,<br>
Incor9 Building, <br>
Kavuri Hills, <br>
Madhapur, Hyderabad,<br>
Telangana 500081
</address>
</body>
</html>

これにより、次の出力が生成されます-

HTMLブロックとインライン要素

インライン要素

インライン要素は、改行のように表示されず、文に表示される可能性があるため、ブロック要素とは異なります。インライン要素の例には、、、