HTML初始

1、HTML注释：ctrl    +    /

2、浏览器内核

​    （1）渲染引擎：如何将网页中的内容展示在浏览器端

​    （2）js引擎：解析javaScript代码

​        因为内接不同分为了五大浏览器

3、五大主流浏览器

- 谷歌：blink
- 火狐：Gecko
- Safari：webkit
- IE：Trident
- 欧朋：blink

4、web标准：是一个标准的集合，包含结构标准，表现标准，行为标准

5、HTML概念：

​        全称Hyper Text Markup Language,可以加入图片，声音，动画多媒体等，还可以从一个文件跳转到另一个文件，与世界各地主机的        文件链接

------

一、标签的分类

​        1、根据结构：嵌套关系、并列关系

​        2、根据个数：单标签、双标签

二、常用的标签

​        1、网页文档的标题

```html
特点：1、字体默认加粗变大
     2、独占一行
     3、字体随着数字的变大而变小
<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
```

​        2、段落标签

```html
特点：另起一行
<p>我是段落标签</p>
```

​        3、水平线标签

```html
特点：单标签    宽度是父元素的100% 可通过 width 和 height 属性设置宽高
<hr>
```

​        4、换行标签

```html
特点：单标签；在标签处换行
<br>
```

​        5、盒子标签

```html
<div>我是一个盒子</div>
```

​        6、范围标签

```html
特点：不换行
<span>我是范围标签</span>
```

​        7、结构化表现标签

```html
加粗：<b></b>          <strong></strong>
倾斜：<i></i>          <em></em>
下划线：<u></u>         <ins></ins>
删除线：<s></s>      <del></del>
```

​        8、图片标签

​                img标签具有**alt**属性，**border**属性，

​                    alt：当图片不显示时，显示图片的属性值

​                    border：图片的边框

```html
<img src="#" >
src为图片路径，线上路径和本地路径
    本地路径：
        绝对路径：计算机本地的死路径，不推荐使用
        相对路径；图片文件与当前html文件的位置，用./或../来选择图片本地资源
```

​        9、链接标签

​            特点：  1、默认字体变色且有下划线

​                         2、默认在同一行显示

​                         3、默认在当前窗口打开 target = "self"    在新的窗口打开：target = "blank"

```html
<a href="地址">我是一个未知的链接</a>
如果想让图片是链接，在img标签外包一个链接标签即可
```

​    10、锚点链接

​                让链接的**href**的属性值与相对应的其他标签的id属性值保持一致且加**#**号