html标签大全及示例
时间: 2023-08-21 20:01:52 浏览: 54
HTML标签是用于创建网页内容的基本元素。以下是一些常见的HTML标签及其示例:
1. `<html>`:定义HTML文档
```
<html>
<head>
<title>网页标题</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个段落。</p>
</body>
</html>
```
2. `<head>`:定义文档头部,包含元数据
```
<head>
<title>网页标题</title>
<meta charset="UTF-8">
</head>
```
3. `<title>`:定义网页标题
```
<title>网页标题</title>
```
4. `<body>`:定义文档主体
```
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个段落。</p>
</body>
```
5. `<h1> - <h6>`:定义标题
```
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>
```
6. `<p>`:定义段落
```
<p>这是一个段落。</p>
```
7. `<br>`:定义换行
```
<p>这是第一行。<br>这是第二行。</p>
```
8. `<a>`:定义超链接
```
<a href="https://www.baidu.com">点击这里</a>访问百度。
```
9. `<img>`:定义图像
```
<img src="image.jpg" alt="图片描述">
```
10. `<ul>`:定义无序列表
```
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
```
11. `<ol>`:定义有序列表
```
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
```
12. `<li>`:定义列表项
```
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
```
13. `<table>`:定义表格
```
<table>
<tr>
<th>标题1</th>
<th>标题2</th>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
</table>
```
14. `<tr>`:定义表格行
```
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
```
15. `<th>`:定义表头单元格
```
<th>标题1</th>
<th>标题2</th>
```
16. `<td>`:定义表格数据单元格
```
<td>内容1</td>
<td>内容2</td>
```
以上是HTML标签的一些示例,当然还有很多其它的标签。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)