HTML的基础标签

1.h标签

        h标签，即标题标签。HTML中，一共有六级标题标签 h1~h6在显示效果上， h1最大， 往下依次变小，h6最小，

        在6级标题中h1最重要，其重要性仅仅次于title，搜索引擎检索完title会立即查看h1中的内容。一般的页面中，我们只使用h1 h2 h3，其他的基本不用。

用法：<h1>这是一个h1标签</h1>

2.p标签

p标签，即段落标签，用于表示内容中的一个自然段 使用p标签来表示一个段落，p标签中的文字，会独占一行，并且段与段之间会有一个间距。

用法：<p>段落</p>

3.br标签

br标签，即换行标签，br标签是一个自结束标签 br标签的语义是不另起一个 段落换行 。

用法：<br>

4.hr标签

hr标签 可以在页面中生成一个分割线

用法：<hr>

5.img标签

img标签 告诉浏览器要显示一张图片。

src:设置一个图片的路径（绝对路径和相对路径，最好使用相对路径） alt:可以用来设置在图片不能显示的时，对图片的描述

img标签的其他属性

width:设置图片的宽度  height:设置图片的高度

title：用于告诉浏览器，鼠标悬停的时候，需要弹出的描述框中显示什么内 容。

用法：<img src="" alt="">

6.mailto链接

mailto链接是一种html链接，能够设置你电脑中邮件的默认发送信息。但是需要你电脑中安装默认的E-mail软件，类似Microsoft Outlook等等。加入您已经安装了Microsoft Outlook，那么直接点击mailto链接就可以获得默认设 置的邮件信息。

用法：<a href="mailto:name@email.com">Email</a>

更多的用法：

cc=name@email.com	抄送地址
bcc=name@email.com	密件抄送地址
subject=subject text	e-mail的题目
body=body text	e-mail的内容

7.假链接

点击之后不需要跳转的链接我们称之为假链接。

假链接的格式

1.# 直接回到页面的顶部

<a href="#">回到顶部</a>

2.javascript: 不会自动回到页面的顶部

<a href="javascript:">点我啊</a>

8.锚点

通过a标签跳转到指定的位置就是锚点

要想实现通过a标签跳转到指定的位置分为两步

1.给目标位置的标签添加一个id属性, 然后指定一个独一无二的值。

2.告诉a标签你需要跳转到的目标标签对应的独一无二的id值是多少。

用法：

<a href="#center">跳转</a>

<br>

<p id="center">我是中部</p>

<br>

9.em标签

意为强调，突出文章重点。

10.strong标签

意为强调，内容更为有用。

11.b标签

加粗。

12.i标签

斜体。

13.u标签

下划线。

14.div标签

div是一个无语义的标签，就是一个纯粹的块元素，并且不会为它里边的元素设置任何的默认样式， div元素主要用来进行页面基本结构的搭建。

用法：<div class="header"></div>

15.span标签

span没有任何的语义， span标签专门用来选中文字，然后为文字来设置样式

用法：<span>文本内容</span>

16.video标签

video标签的作用是播放视频。

video标签的属性

src:告诉video标签需要播放的视频地址

autoplay:用于告诉video标签是否需要自动播放视频

controls:用于告诉video标签是否需要控制条

poster:用于告诉video标签视频没有播放之前显示的占位图片

loop:一般用于做广告视频，用于告诉video标签视频播放完毕之后是否需 要循环播放

muted:静音

width/height: 和img标签中的一模一样

用法<video autoplay="autoplay" controls="controls">

<source src="images/sb1.webm" type="video/webm"></source>

</video>

17.audio标签

audio标签作用为播放音频。audio标签和video标签的使用方法基本相同。video中能够使用的属性 在audio标签中大部分都能够使用 , 并且功能都一样只不过有3个属性不能用 , height/width/poster。

用法：<audio src=""></audio>