Web前端速成(Html+Css+JavaScript+jQuery)-3. 基本标签-优快云博客

本文链接：https://blog.youkuaiyun.com/dhldhl/article/details/130460838

本文介绍了HTML中的基本标签，包括<title>定义文档标题，<h1>-<h6>定义各级标题，<p>用于段落，<a>创建链接，<img>插入图像，<br>实现换行，<hr>绘制水平线以及用于注释。通过实例代码展示了这些标签的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

内容摘要：
- 介绍Html标签<title> <h1> <p> <a> <img> <br> <hr>

3. 基本标签

知识点：

<title>标签定义了不同文档的标题
<h1> - <h6>标签定义标题
段落标签<p>
链接标签 <a>
图像标签 <img>
换行标签<br>
水平线标签<hr>
注释标签

开始标签	标签内容	结束标签	描述
<title>	文档标题	</title>	<title>标签定义了不同文档的标题
<h1>	这是一个标题	</h1>	<h1> - <h6>标签定义标题
<p>	这是一个段落	</p>	段落标签<p>
<a href=“https://www.baidu.com”>	这是一个链接	</a>	链接标签 <a>
<img src=“/logo.png” />			图像标签 <img>
<br>			换行标签<br>
<hr>			水平线标签<hr>
<!–	这是一个注释	–>	注释标签

运用例子：

备注：请亲自动手模仿着输入代码，在反复练习中熟悉。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>7个基本标签</title>
</head>
<body>
     <!-- 这是h1-h6标题标签 -->     
    <h1> 这是一个h1标题 </h1>
    <h2> 这是一个h2标题 </h2>
    <h3> 这是一个h3标题 </h3>
    <h4> 这是一个h4标题 </h4>
    <h5> 这是一个h5标题 </h5>
    <h6> 这是一个h6标题 </h6>
    <!-- 这是换行标签<br> -->       
    我这里<br>换行了
     <!-- 这是水平线标签<hr> --> 
    水平线标签:  
    <hr>   
    <!-- 这是链接标签<a> -->
    链接标签:
    <a href="https://www.baidu.com"> 这是一个链接 </a> 
    <hr> 
    <!-- 图像标签 <img> -->   
    图像标签: 
    <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" />  
    <hr> 
    <!-- 这是段落标签<p> -->      
        文章从这里开始 文章从这里开始文章从这里开始文章从这里开始文章从这里开始文章从这里开始文章从这里开始文章从这里开始文章
        从这里开始文章从这里开始文章从这里开始文章从这里开始文章从这里开始文章从这里开始<p> 这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落
            这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落 </p>
            <p> 这是另外一个段落这是另外一个段落这是另外一个段落这是另外一个段落这是另外一个段落这是另外一个段落这是另外一个段落这是另外一个段落这是另外一个段落这是另外一个段落 </p>     
</body>
</html>