html笔记
web前段标准
首先它不是一个标准，它是由W3C组织规定的一系列标准；
1.html-----主要是规范了网页的结构标准；
2.css-----样式标准；
3.js------规范了网页的行为标准；
换行标记快捷键 shift+enter；
img标签，首先它是一个单标记标签；
主要属性，其中有一个必须指定的就是 src属性
width 宽度；
height 高度； （以上3个属性构成了img标签的基本结构）；
border="3" 设置图片的边框的 值表示边框的粗细；
技巧：在宽度和高度只给出一个值的时候表示让图片进行等比缩放；如果同时给出两个属性即宽度高度都给出，那么可以实现图片的拉伸和压缩；
title：表示鼠标以上图片时候的提示文本；
alt 未找到图像时候显示的文本；
网页中常见的图片格式3大类型
（1）jpg能储存数以万计的颜色信息； 缺点不支持透明；
（2）png能储存数以万计的颜色信息，优点在于支持透明度；
（3）gif能储存 256种颜色信息，效果相对较差，但是优点，1质量小，2支持透明，3.支持动画；
【相对路径】
查找方式：从本身文件出发去寻找目标文件； 存在两个需求第一个需求寻找子集下的文件，第二个需求寻找父级内的文件
（1）寻找子级 用的就是一个关闭符号-------/
(2)寻找父级 用的就是 ../ (注意 ：相对路径绝对不可以跨盘符)
【绝对路径】
查找方式：根据盘符或者url地址去查找； （不推荐使用）
绝对路径查找中有一个兼容性问题， ---是火狐出的；
在使用绝对路径的时候只要加file:///前缀就可以支持所有浏览器如果不加火狐不支持；
为什么要有列表？
html中一共有3中形式的列表；
【1】无序列表 <ul>
<li>一项</li>
<li>一项</li>
</ul>
注释：ul中理论上只允许存在li，那么li它是一个容器级的东西，可以储存任何类型的内容；
type 只有唯一的一个属性需要注意，主要是设置列表类型样式的
【1】disc表示默认的；
【2】circle 表示空心的小圆；
【3】square 表示小矩形；
ul这个词本身对于浏览器来讲就是无须列表的意思；主要目的是为了整体控制所有的li；
超链接标签 a
主要属性
（1）必须加的 href=“” 表示跳转的地址；
（2） 非必须， target=“_blank”
超链接a标签特性， 它有默认样式，蓝色字带下划线；（如果想控制默认样式需要用到css中伪类）
（target 表示 英文意思 目标） blank 英译：新的，空的
主要的知识点：如果超链接的跳转位置不确定那么在href属性值中填写一个 # 号表示空连接
自定义列表；也称之为 项目列表；
基本结构
<dl>
<dt>表示项目</dt>
<dd>详情</dd>
</dl>
为什么项目列表又叫做自定义列表； 主要是它的用法灵活性很高；
特殊使用形式
（1）一个dl内部嵌套多对dt和dd来配合使用
（2）一个dt项目标记配合多个dd详情标记来描述
（3）***项目列表经常用来制作图文混排效果 dt里面盛放图片而dd里面存放对图片的描述；
注意：项目列表中 dt和dd都是容器级的标签；（而dl主要就是用来存放dt和dd）
列表嵌套
当列表发生嵌套的时候浏览器会自动将一级列表的列表样式识别为默认黑点
二级识别成空心的小圆
三级矩形块；三级以后全部是矩形表示；
【表格】
表格的基本结构
<table>
<tr>
<td>单元格</td>
</tr>
</table>
table的主要属性
（1）原则性属性 border 表示边框的意思；
（2）width 表格宽度 height 表格高度
（3）cellspacing 表格各单元格之间距离
（4）cellpadding 单元格内部与文本之间的间距
（5）align表格在网页中的对齐方式
（6）bgcolor 背景颜色
（7）background 背景图片