HTML(超文本标记语言)是用于创建网页的标准标记语言。以下是一些常用的HTML标签及其用途:
1.基础结构标签
![图片[1] - html 常用标签及用法示例【精】 - 正则时光](https://www.regular.cc/wp-content/uploads/2024/07/image-94.png)
2.文本格式化标签
![图片[2] - html 常用标签及用法示例【精】 - 正则时光](https://www.regular.cc/wp-content/uploads/2024/07/image-93-1024x709.png)
3.链接标签
![图片[3] - html 常用标签及用法示例【精】 - 正则时光](https://www.regular.cc/wp-content/uploads/2024/07/image-96-1024x385.png)
4.头部标签
![图片[4] - html 常用标签及用法示例【精】 - 正则时光](https://www.regular.cc/wp-content/uploads/2024/07/image-97-1024x567.png)
5.样式引入方法
![图片[5] - html 常用标签及用法示例【精】 - 正则时光](https://www.regular.cc/wp-content/uploads/2024/07/image-99-1024x488.png)
6.图像标签
<img src="example.jpg" alt="示例图像" width="500" height="300" title="这是一个示例图像">
![图片[6] - html 常用标签及用法示例【精】 - 正则时光](https://www.regular.cc/wp-content/uploads/2024/07/image-100-1024x292.png)
7.表格标签
![图片[7] - html 常用标签及用法示例【精】 - 正则时光](https://www.regular.cc/wp-content/uploads/2024/07/image-101-1024x625.png)
8.列表标签
有序列表
![图片[8] - html 常用标签及用法示例【精】 - 正则时光](https://www.regular.cc/wp-content/uploads/2024/07/image-102-1024x178.png)
无序列表
![图片[9] - html 常用标签及用法示例【精】 - 正则时光](https://www.regular.cc/wp-content/uploads/2024/07/image-103.png)
自定义列表
![图片[10] - html 常用标签及用法示例【精】 - 正则时光](https://www.regular.cc/wp-content/uploads/2024/07/image-104-1024x154.png)
9.区块和内联标签
div与span
HTML 可以通过 <div>
和 <span>
将元素组合起来,无特殊含义。
<div>
是一个通用的块级容器,用于将一组元素组合在一起,并应用样式或脚本。
<span>
是一个通用的内联容器,用于对文本的一部分或文档的某个部分进行样式化。
块级元素
块级元素在浏览器显示时,通常会以新行来开始(和结束)。实例: <h1>
, <p>
, <ul>
, <table>
……
内联元素
内联元素在显示时通常不会以新行开始。实例: <b>
, <td>
, <a>
, <img>
……
块级与内联转换
display: inline; # 通过css进行转换,block块级 inline内联
10.表单标签
![图片[11] - html 常用标签及用法示例【精】 - 正则时光](https://www.regular.cc/wp-content/uploads/2024/07/image-105-1024x607.png)
11.框架标签
<iframe>
标签用于在网页中嵌入另一个HTML文档。它是一个非常强大的工具,可以用来嵌入视频、地图、其他网页等内容。
![图片[12] - html 常用标签及用法示例【精】 - 正则时光](https://www.regular.cc/wp-content/uploads/2024/07/image-106-1024x778.png)
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END