HTML总结

1.HTML的背景知识

1.1 常用浏览器及其内核

ie(trident)
safari(webkit) -----苹果
chrom(blink)
firfox(gecko)
opera(blink)

1.2 web标准

HTML控制结构
CSS控制样式
JS控制行为
2.认识HTML

2.1 超文本标记语言

2.2 HTML的基本骨架

2.3 标签的分类

单标签（
）
双标签（

）

2.4 标签的关系

镶嵌关系（父子关系）

并列关系（兄弟关系）

3 常用的标签

3.1 排版标签

h1~h6 :标题标签（独占一行显示，字体有加粗显示）
p : 段落标签（独占一行显示）
hr ：横线（单标签）
br：强制换行（单标签）
div：无意义（独占一行显示，盒子格式）
span：无意义（可以多个在一行显示·）

3.2 文本格式化标签(后面的有语义)

b/strong 加粗
i/em 斜体
s/del 删除线
u/ins 下划线

3.3 图片标签 ----------img（单标签）

属性 src： 图片路径（一般使用相对路径）
alt：图片不显示时的提示文本
titl：鼠标在图片上的提示文本

3.4 超链接----------------a

意义：从一个页面跳转到另一个页面
href :目标地址（相对当前文件的地址，当跳转网络地址时，须要怎从http/https协议）
target:跳转方式（-self:当前页面跳转（默认方式），-blank新的空白页跳转）

注：可以在head标签中添加可以修改页面跳转的默认方式
a中不能镶嵌a ，且由内容撑开（无内容时不显示）

3.5 路径

相对路径：相对于当前文件的路径（常用方法）
绝对路径：相对于系统盘根目录的路径

4.拓展内容

4.1 锚点位置（a）

a href="#id"

4.2 pre标签

保留pre中的格式

4.3 特殊字符

5. 表格

5.1 table—定义表格

属性 border:边框（一般给1）
cellspacing:单元格之间的空隙（一般给0）
cellpadding:单元格与内容之间的间隙（一般给0）
width:宽
height：高
align:写在table标签中表示表格在页面中的位置，
写在tr中表示单元格内容在单元格中的位置

5.2 tr-----行

5.3 td—单元格

5.4 th----用于代替td（内容有加粗，居中的效果，一般在第一行tr中）

5.5 caption------表格标题

书写位置要求：在table标签中的第一行
页面显示位置：在表格的上部居中

5.6 单元格合并

   rowspan：跨行合并   
   colspan：跨列合并

6. 列表

6.1无序列表(ul)-----------常用于页面布局nav
ul>li
6.2有序列表(ol)
ol>li
6.3定义列表(dl)
dl>dd+dt(多用于写网页的底部格式)

7. 表单

7.1表单域(form)

action:请求的地址 method:请求的方式(get/post)
7.2表单项
7.2.1 input的type属性 text:文本框（只显示一行文字，不能换行）
password:密码框(文字加密显示)
radio：单选框（多个单选框要求其name属性值相同，才能实现单选的效果）
checkbox：复选框（多个复选框要求其name属性值相同，才能实现复选的效果）
button：普通按钮
submit：提交按钮
reset：重置按钮
image：图片按钮
file：上传按钮（一次只能上传一个文件）
email:邮箱
tel：手机
number：数字
url：网址
search：搜索框（有个全部删除提示）
range：滑块
time：小时分钟
date：年月日
datetime：时间
month：年+月
week：星期
color：颜色
7.2.2 input的name属性 所有的表单项必须写name,不写则无法上传对应的表单项的数据
7.2.3 input的vaule属性 在button中显示按钮的文字 在text和password中为默认值
7.2.3 input的checked属性 只有radio和checkbox才有，默认选中项
7.2.4 input的placeholder属性 在text中使用表示占位符
7.2.5 input的autofocus属性自动获取焦点
7.2.6 input的multiple属性 在file中使用表示一次可以上传多个文件
7.2.7 input的autocomplete属性 自动记录
7.2.8 input的required属性 表示该项为必填项
7.2.9 input的fieldset与legend属性

	fielset:一组相关表单，并使用外框包含起来

legend：元素的标题

个人信息

7.3 label
作用: 点击文本,让对应的表单项获取焦点
方法：

用户名:

				<label for="psw">密码</label>
				<input type="password" id="psw">

---

7.4 文本域(textarea)
可以写多行文字(需使用CSS来控制其样式)
7.5 下拉菜单select--------须与option一起使用
name属性在select标签填写
value属性在option标签填写
默认选择项在option标签中添加selected属性