1--html基础

html的特点

1. html标签是由尖括号包围的关键词
2. 标签中的第一个标签是开始标签 第二个是结束标签
3. 通常是成对存在 ，也有是单独存在
4. 伴随着有属性和属性值

css样式

1. css的注释/**/
2. css层叠样式：后面的样式会把前面的样式覆盖，是网页化妆师
3. 三种写法 1 是内部样式2外部样式 3标签内样式

javascript

1. 是操作html页面
2. 响应用户操作
3. 验证传输数据

标题标签

1. <h1>``<h2>``<h3>``<h4>``<h5>``<h6>
2. 字体逐渐变小
3. 字体有加粗效果

使用标题标签的好处

1. 层次分明，重点突出
2. 在seo上排名赋予更高的权重

段落标签

1. <p>是定义段落的文字，通常用来引入一段文字
2. <span>是区分样式标签

加粗标签

1. <b> <strong>有加粗效果
2. 区别：

• b标签没有强调的作用；strong有强调的作用；seo权重

倾斜标签

1. <i>``<em>标签有倾斜效果
2. 区别：i标签没有强调 em标签有强调作用

上标和下标

1. sub``sup分别为下标和上标
2. <p>我有10<sup>10</sup></p>10的是次方

有序列表 无序列表 自定义列表

1. 无序列表 属性

ul{
    list-style-type:dics实心圆  square方块  circle空心圆
}

2. 有序列表 ol/li
3. 自定义列表 dl dt dd
4. ul/li ol/li dl/dd必须成对出现不能再两者之间插入别的标签 但是可以再li标签内嵌套别的标签

图片标签

1. <img>标签
2. 四要素：1 src引入路径 2宽度 3 高度 不用带单位 4alt替换文字 当图片显示不出来用alt表示图片信息，seo 5 title鼠标悬浮上去，标记图片内容 不是四要素
3. 等比例缩放只写一个

图片路径

1. 路径： 绝对路径和相对路径、
2. 绝对路径：

• 通过域名找到这张图片
• 通过盘符找

3. 相对路径：从相对自己的位置

相对路径与绝对路径的优缺点：

1. 优：快速找到相对的图片
2. 缺点：绝对路径：位置发生改变，图片就显示不出来
3. ../是返回上一层目录 ./是当前目录 如果上一层找不到继续../找图片../../

a标签的用法

1. <a>是超链接标签 当点击时候会跳转到另一个页面
2. 有下划线 字体变颜色
3. 怎么实现不跳转 <a herf="#"></a>
4. 在当前页面跳转和新页面跳转<a href="https://www.baidu.com" target="_self"></a>默认是在当前页面跳转 <<a href="https://www.baidu.com" target="_blank"></a>新页面跳转

a标签用作锚点：#+绑定名

<a href="#p19">我要</a>
<p>我是p1</p>
<p>我是p2</p>
<p>我是p18</p>
<p id="p19">我是p19</p>
<p>我是p20</p>
<p>我是p21</p>
<p>我是p22</p>

通过id绑定可以实现跳转 任何标签都可以

<a href="#p19">我要</a>
<a href="#p15">我要</a>
<p>我是p12</p>
<p>我是p13</p>
<p>我是p14</p>
<p><a href="" name="p15"></a>我是p15</p>
<p>我是p16</p>
<p>我是p17</p>
<p>我是p18</p>
<p id="p19">我是p19</p>
<p>我是p20</p>

如果通过name绑定 需要在a标签中写name