HTML 基础标签

H 系列的标签

1. H标签是用来给文本添加标题的，而不是从来修改文本的样式的
2. H 标签一共有6个，从H1~H6，最多只能到6 ，超过6则无效。
3. 被H 系列包裹的内容，会独占一行；H1最大，H6最小
4. 在企业开发中，一定要慎用H系列的标签，特别是H1标签，在企业开发汇总，一般情况一个界面只能出现一个H1标签（和SEO有关）

P 系列标签

1. 作用：告诉刘拉起，那些文字是一个段落；
2. 格式：<p>xxxxx</p>
3. 注意点：在浏览器中会独占一行

Hr 标签

1. 在浏览器上实现一条分割线；
2. 格式：hr/
3. 在浏览器中会单独占一行
4. 通过我们的观察，HR标签可以写/，也可以不写/。

HTML注释

1. 格式：
2. 快捷键：control+/

img 标签

1. 格式：<img src="">
2. 注意点：和H系列标签和/p标签还有Hr标签不一样，img标签不会独占一行。
3. 属性：width：宽度 height：高度 宽度和高度用来指定图片的大小，如果指定了图片大小，可能会导致图片变形。如果指定了宽度，系统会按照等比进行高度缩放，如果指定了高度，系统也会按照等比进行宽度缩放。
4. 属性：title：用来告诉浏览器，当鼠标悬停在图片上时，需要弹出的描述框中显示什么内容。
5. 属性：alt：是英文alternate的缩写，他的作用是用来告诉浏览器，当需要显示的图片找不到时，显示什么内容。

br标签

1. 作用：用来换行；
2. 格式：
   ;
3. 注意点：多个br标签可以连续使用，使用了多少，就会换了多少行。
4. br: 使用率比较少。

路径问题

1. 我们给img 中的src属性赋值有两种方式，通过相对路径赋值和通过绝对路径赋值。

• 通过相对路径赋值：相对路径就是每次都从.html文件所在的文件夹开始查找，我们称之为相对路径
• 同级：同级就是html 和图片在同一个文件夹中。
• 下级：存储的图片的文件夹和html 在同一个文件中。
• 上级：存储图片的位置和存储代码的文件夹在同一个文件夹中。其中../ 代表，找到上一个级的文件夹。
• 通过绝对路径赋值：每次都是从指定的文件夹开始查找。
• 注意：路径中不要出现中文，否则可能出现未知问题。
• 如果是通过相对路径来制定，那么不能跨盘符。

2. 以后在企业开发中，如果需要写路径，统一使用反斜杠/， 不要使用正斜杠，因为代码会部署到其他操作系统的服务器上，而在其他操作系统路径都是/，如果不是反斜杠，可能会引发问题；

3. 在企业开发中一般不会使用绝对路径，因为可移植性不好，也就是说将你写好的代码拷贝给被人，被人可能就不能运行了。

a 标签

1. a 标签的作用：就是用于控制页面与页面之间的跳转的；
2. a标签的格式：<a href="指定需要跳转的目标界面">需要展现给用户的查看的内容</a>
3. a标签 不仅可以让文字可以点击，也可以让图片也能够点击
4. 一个a标签必须有一个href 属性指定一个URL地址；
5. 如果通过a标签的href 属性指定一个URL地址，那么必须在地址前面增加http:// 或者https://
6. a 标签中有个target 属性，这个属性的作用就是专门用于控制如何跳转
   _self: 用于在当前选项卡中跳转，也就是不新建界面跳转，默认就是_self
   _blank:用于在新的选项卡中跳转，也就是新建界面跳转
7. a标签中的href 属性除了可以指定一个网络地址以外，还可以指定一个本地地址；
8. a 标签中还有一个title 属性，也是用来在鼠标悬停时，显示内容的。
9. 通过我们的a标签跳转到指定的位置，是没有动画过渡的，是直接跳转到指定的位置；
10. a标签除了可以跳转到当前页面的指定位置以外，也可以跳转到其他页面的指定位置，格式<a href=" 其他页面的路径#位置的id">
11. 如何通过a标签实现锚点跳转？每个标签都是一个属性是id，可以为指定的标签添加一个id，然后在href =“#id”来实现。

base 标签

1. 作用：用来专门统一的指定当前网页中所有的超链接的a标签的所需要的打
2. 注意点：base 标签必须写在head 标签中；
3. 注意点：如果即在base中指定了target ，又在a标签中指定了target，那么浏览器会按照a标签中指定的来执行；
4. base 标签是单标签；

什么是假链接

1. 在企业开发前期，其他界面都没有写出来的时候，使用。
2. 假链接的格式：

• 井号键 #
• javascript：
  两者的区别：#的假链接会自动回到网页的顶部，而javascript：的假链接是不会自动回到网页顶部的。