#前端学习#------基础标签

由于本人也是初学HTML，以下都为本人学习过程中分点整理的知识点，希望共同进步，不足之处望指出批正。

1. H标签-P标签-Hr标签

H系列标签（Header1~Header6）

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

    -格式： <h1>xxxxxx</h1>

                <h2>xxxxxx</h2>

                <h3>xxxxxx</h3>

                <h4>xxxxxx</h4>

                <h5>xxxxxx</h5>

                <h6>xxxxxx</h6>

    -注意点：1.H标签是用来给文本添加语义，而不是用来修改文本的样式的

                   2.H标签有6个，从H1到H6，最多到6，超过6则无效

                   3.被H系列标签包裹的内容会独占一行

                   4.在H系列的标签中，H1最大，H6最小

                   5.在企业开发中，一定要慎用H系列标签，特别是H1标签，一般情况下，一个界面中只能出现一个H1标签（与SEO有关）

P标签（Paragraph）

    -作用：告诉浏览器哪些文字是一个段落

    -格式：<p>xxxxxx</p>

    -注意点：在浏览器中会独占一行

Hr标签（Horizontal Rule）

    -作用：在浏览器中出现一条分割线

    -格式：<hr/>

    -注意点：1.在浏览器中独占一行

                   2.Hr标签可以写/也可以不写/，如果不写/那么是按照HTML规范编写，如果写上/，那么就是按照XHTML规范来写，HTML5中兼容HTML和XHTML，写或者不写都可以

2.注释

    -格式：<!--xxxxxx-->

    -快捷键：ctrl + /

3.img标签

    -作用：告诉浏览器我们需要显示一张图片

    -格式：<img src="xxxxxx">

    -注意点：1.和H系列标签还有/p标签，Hr标签不一样，img标签不会独占一行

                   2.如果我们手动指定了图片宽高，导致图片变形，如果不想让图片变形，指定任意的宽高（其中一个即可），系统会自动计算出宽/高值。

    -属性：

                width宽度

                height高度，设置图片宽高，不设置系统默认图片宽高显示

                title用于告诉浏览器，当鼠标悬停在图片上时，需要弹出的描述框中显示什么内容

                alt当需要显示的图片找不到时，显示什么内容

4.Br标签

    -作用：换行

    -格式：<br>

    -注意点：多个br标签可以连续使用，使用多个标签就会换多少个行

5.a标签

    -作用：用于控制页面之间跳转

    -格式：<a href="xxxxxx">展示给用户看的内容</a>

    -注意点：1.a标签不仅可以让文字点击，还可以让图片被点击

                   2.a标签必须要有href属性，否则a标签不知道要跳转待什么地方

                   3.a标签如果指定了URL地址，必须在地址前面加上http://或者https://

                   4.a标签href属性除了可以指定一个网络地址之外，还可以指定一个本地地址

    -属性：

                target用于控制如何跳转

                            (target选项)

                            _self：用于在当前选项卡中跳转，不新建界面跳转默认_self

                            _blank：用于在新的选项卡中跳转，也就是新建界面跳转

                title控制鼠标悬停时显示的提示信息

6.base标签

    -作用：专门用来统一的指定当前网页中所有的超链接（a标签）如何打开

    -格式：<base target="xxxxxx(_blank)">

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

                   2.如果既在base中指定了target又在a标签中指定了target，那么浏览器会按照a标签中指定的来执行

7.假链接

    -作用：就是点击之后不会跳转的链接称之为假链接

    -格式：1.#                         会回到网页顶部

                2.javascript：        不会回到网页顶部

8.锚点

    -作用：通过a标签跳转到指定位置

    -格式：<a href="#center">跳转到中部</a>

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

    -注意点：1.通过a标签跳转到指定位置没有过渡动画

                   2.a标签除了能跳转到当前界面的指定位置以外，还可以跳转到其他界面的时候直接跳转到其他界面的指定位置