例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标签的作用
HTML的hr标签可以创建一条水平线。下面,我们来看看html中hr的各种样式使用吧。
01创建一条水平线
先使用<hr/>标签来创建一条水平线,如下图所示:
02hr的高度
使用style来设置hr水平线的样式,比如设置hr的高度, <hr style=" height:30px" />。如下图所示:
03没有边框
使用border:none来设置hr没有边框,如下图所示:
04dotted 虚线
使用dotted将水平线设置成虚线,如下图所示:
<hr> 标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。<hr> 元素被用来分隔 HTML 页面中的内容(或者定义一个变化)。
在 HTML5 中,<hr> 定义内容中的主题变化,并显示为一条水平线。
在 HTML 4.01 中,<hr> 标签仅仅显示为一条水平线。
在 HTML 4.01 中,所有的布局属性都 已废弃。在 HTML5 中不再支持这些属性。请使用 CSS 来为 <hr> 元素定义样式
简单的说就是一条分割线,或者称为水平线。