H标签/a标签

H系列标签（Header1~Header6）

作用：给文本添加标题语义

格式：<h1>xxxx</h1>

注：1.h标签有6个，h1~h6，h1最大，h6最小，超过6个无效

       2.被h标签包裹的内容会独占一行

       3.开发中，一个界面只能出现一个h1标签（与seo有关）

P标签（Paragraph）

作用：标注段落

格式：<p>xxxx</p>

注：在浏览器中会单独占一行

Hr标签（Horizontal Rule）

作用：在浏览器网页中显示一条分割线

格式：<hr/>

注：单独占一行

注释

格式：<!--xxxxx-->

img标签（image）

作用：显示图片

格式：<img src=""">

注：img标签不会独占一行

属性：width（宽）

          height（高）

注：手动改变宽高可能会使图片变形，可指定其中一个值，浏览器会自动计算另一个值                                            

         title：鼠标悬停在图片上时显示的描述

         alt：图片找不到时显示的描述

src赋值的两种方式：

1.相对路径：从HTML文件所在文件夹开始查找（同级）

                   存储图片的文件夹和.html文件在同一个文件夹中（下级）

                   存储图片的文件夹和存储代码的文件夹在同一个文件夹（上级）

 格式：同级：src=".jpg"

           下级：src="images/.jpg"

           上级：src="../.jpg"

2.绝对路径：从指定的盘符开始查找

  格式：src="c:\Users\xxx\xxx\.jpg"

注：路径不能出现中文

       通过相对路径不能跨盘符

       开发中路径使用正斜杠/，一般不会使用绝对路径

                  

br标签

作用：换行

格式：<br>

注：多个br标签可连续使用，开发中很少使用br标签

a标签

作用：控制页面之间的跳转

格式：<a href="指定的页面地址">需要显示的内容</a>

注意：a标签不仅可以点击文字，图片也可

          一个a标签必须有一个href属性

          如果href属性指定一个url地址，在前面加上http://或https://

属性：target：控制如何跳转  _self：当前选项卡中跳转

                                             _blank：新的选项卡跳转（新建页面）

          title：鼠标悬停显示文本

格式：<a href=""  target="" title="">

假链接：点击后不会跳转

格式：1.<a herf="#">

             2<a herf="javascriot."

区别：#假链接会自动回到网页顶部

          javascript：不会自动回到顶部

base标签

作用：统一当前网页的所有超链接（a标签）如何打开

注意：base标签必须写在head标签的开始标签和结束标签之间

          网页优先执行a标签内的target属性

锚点：跳转到当前网页指定位置

格式：<a href="#">

给目标标签一个id属性 例：<h2 id="center">

<a href="#center">跳转到中部</a>

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

注意：a标签跳转到指定位置没有过度动画，直接跳转

          a标签除了可以跳转到当前界面还可以跳转到其他页面