行级标签和块状标签举例
时间: 2023-08-11 09:57:57 浏览: 59
行级标签和块状标签是HTML中常用的两种标签类型,用于定义网页中的元素和结构。下面是它们的一些例子:
行级标签:
1. `<span>`:用于对文本的小部分进行样式设置或者标记。例如:`<span style="color: red;">红色文本</span>`
2. `<a>`:用于创建链接。例如:`<a href="https://www.example.com">点击这里</a>`
3. `<strong>`:用于表示强调的文本。例如:`<strong>重要内容</strong>`
4. `<em>`:用于表示强调的斜体文本。例如:`<em>斜体强调</em>`
5. `<code>`:用于表示计算机代码。例如:`<code>print("Hello, World!")</code>`
块状标签:
1. `<div>`:用于定义文档中的一个区块。常用于布局和样式设置。例如:`<div style="width: 200px; height: 200px; background-color: #f1f1f1;"></div>`
2. `<p>`:用于定义段落。例如:`<p>这是一个段落。</p>`
3. `<h1>` - `<h6>`:用于定义标题,级别由1到6逐渐减小。例如:`<h1>标题一</h1>`
4. `<ul>` 和 `<li>`:用于创建无序列表。例如:
```
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
```
5. `<table>`、`<tr>`、`<td>`:用于创建表格。例如:
```
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
</table>
```
这只是一些例子,HTML中还有很多其他的行级标签和块状标签可供使用。
相关推荐
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)