例1 Hr标签的格式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hr标签</title>
</head>
<body>
<h1>这是标题 1</h1>
<hr/>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
</body>
</html>
格式：
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
作用：
H标签是用来给文本添加标题语义的，而不是用来修改文本的样式的。
H标签一共有6个，从H1~H6,最多就只能到6，超过6则无效。
被H系列标签包裹内容会独占一行。
在H系列的标签中H1最大，H6最小。
企业开发中只能有 H1 一个标签。
快捷键
end键盘 跳到 最后 一行
如何让光标在多行闪烁
按住alt键，再按住鼠标左键不放，然后再拖动鼠标即可。
p标签
作用：
告诉浏览器哪些文字是一个段落。
格式：
<p></p>
示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>H1和H6标签</title>
</head>
<body>
<h1>这是标题 1</h1>
<hr/>
<h2>我是中国人</h2>
<h3>我是中国人</h3>
<h4>我是中国人</h4>
<h5>我是中国人</h5>
<h6>我是中国人</h6>
<hr/>
<p>我是中国人</p>
</body>
</html>
注意点：
在浏览器中，会单独占一行。
hr标签的作用
这个方法有好多！具体的在下面给你展示下：第一种：
<hr style=" height:2pxborder:noneborder-top:2px dotted #185598" />
height:2px//是hr的高度
border:none // 是没有边框
border-top:2px dotted #185598 //是设置横线的样式
dotted 虚线 #185598 颜色
第二种：
<hr style="height:1pxborder:noneborder-top:1px dashed #0066CC" />
第三种：
<hr style="height:1pxborder:noneborder-top:1px solid #555555" />
第四种：
<hr style="height:3pxborder:noneborder-top:3px double red" />
第五种：
<hr style="height:5pxborder:noneborder-top:5px ridge green" />
第六种：
<hr style="height:10pxborder:noneborder-top:10px groove skyblue" />
border-top:10px groove skyblue groove 上颜色skyblue 下颜色
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）