HTML5常見的內嵌元素和區塊級元素有哪些？

HTML5中常見的行內元素和區塊層級元素有哪些？

HTML5是一種用於建立網頁和Web應用程式的標記語言。在HTML5中，元素依其顯示行為可分為兩類：行內元素和區塊級元素。行內元素指的是在一行內顯示，並且只佔據內容所需的寬度，不會獨佔一行；而區塊級元素指的是獨佔一行，會自動換行，並且可以設定寬度、高度和邊距。

以下介紹一些HTML5中常見的行內元素和區塊級元素，以及對應的程式碼範例。

1. 行內元素：
2. <span></span>：用於為文件中的文字分組或設定樣式。它不會獨佔一行，可以與其他元素在同一行內顯示。

程式碼範例：

<p>这是一段包含<span style="color: red;">红色文本</span>的段落。</p>

• <strong></strong>：用於識別文字中的重要部分，並以粗體顯示。

程式碼範例：

<p>这是一段包含<strong>重要信息</strong>的段落。</p>

• <a></a>：用於建立超鏈接，可以連結到其他網頁或位置。

程式碼範例：

<p>请点击<a href="https://www.example.com">这里</a>访问我们的网站。</p>

2. 區塊級元素：
3. #<div>：用於將文件中的內容分組，並且可以設定樣式。它會獨佔一行，並且可以設定寬度、高度和邊距。 <p>程式碼範例：</p><pre class='brush:html;toolbar:false;'>&lt;div style=&quot;width: 200px; height: 200px; background-color: blue;&quot;&gt;&lt;/div&gt;</pre><ul><li> <code><p></p>：用於段落的標記元素。它會自動換行，並且可以設定樣式。

程式碼範例：

<p>这是一个段落。</p>
<p>这是另一个段落。</p>

• <h1></h1> - <h6></h6>：用於標題的標記元素，從一級標題到六級標題，依序遞減重要性。它們會獨佔一行，並以較大的字體顯示。

程式碼範例：

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>

以上只是HTML5中常見的行內元素和區塊級元素的一部分，還有很多其他的元素可以用於不同的場景和需求。熟練這些元素的特點和用法，可以幫助我們更好地創建具有良好結構和样式的網頁和Web應用程式。