认识HTML一基础标签Hr标签,P标签

html-css011

认识HTML一基础标签Hr标签,P标签,第1张

H1~H6标签

例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/>标签来创建一条水平线,如下图所示:

02

hr的高度

使用style来设置hr水平线的样式,比如设置hr的高度, <hr style=" height:30px" />。如下图所示:

03

没有边框

使用border:none来设置hr没有边框,如下图所示:

04

dotted 虚线

使用dotted将水平线设置成虚线,如下图所示:

<hr> 标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。

<hr> 元素被用来分隔 HTML 页面中的内容(或者定义一个变化)。

在 HTML5 中,<hr> 定义内容中的主题变化,并显示为一条水平线。

在 HTML 4.01 中,<hr> 标签仅仅显示为一条水平线。

在 HTML 4.01 中,所有的布局属性都 已废弃。在 HTML5 中不再支持这些属性。请使用 CSS 来为 <hr> 元素定义样式

简单的说就是一条分割线,或者称为水平线。