一、前端基础-html-body基本标签
原创
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<!-- body标签，会显示在页面内容 -->
<body>
<!-- 标题标签：h
1、通过h1-h6定义标题标签
2、标题标签有定义好的字体样式
-->
<h1>这是h1标签</h1>
<h2>这是h2标签</h2>
<h3>这是h3标签</h3>
<h4>这是h4标签</h4>
<h5>这是h5标签</h5>
<h6>这是h6标签</h6>
<!-- 段落标签：p
1、p标签可以自动换行
2、p标签会自动隔行（行间距增大）
-->
<p>这是段落标签</p>
<p>这是段落标签</p>
<!-- div
1、div标签默认没有任何属性
2、div标签可以定义各种属性
3、div标签可以和css配合使用
4、div标签前后会自动换行
-->
div标签前后会自动换行<div>这是div标签</div>div标签前后会自动换行
<!-- 在div中嵌入css样式给字体添加颜色 -->
<div style="color: cornflowerblue">这是div标签</div>
<!-- span
1、功能和div标签一样
2、区别在于div是块级元素，span是内联元素
-->
<span>这是span标签</span>
<!-- 水平线标签：<hr/> -->
<hr/>
<!-- 换行标签：<br/> -->
这是换行标签<br/>
这是换行标签
<!-- 字体加粗 <b>-->
<b>字体加粗</b>
<!-- 斜体 <em>-->
<em>斜体</em>
<!-- 删除线 -->
<del>删除线</del>
<!-- 下角标 -->
这是下角标 2<sub>3</sub>
<!-- 下角标 -->
这是上角标 2<sup>3</sup>
<!--标签属性
1、id:标签的唯一标识
-->
<h1 id="1">标签属性</h1>
</body>
</html>原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
腾讯云开发者
