HTML/CSS复习笔记

一、HTML

一、概念

名称	释义
英文全称	Hyper Text Markup Language
中文全称	超文本标记语言

超文本  文本是指字，词，句，段等。超文本理解其字面意思，即超级文本，通过超链接将各种信息整合到一起展示。
标记语言  由标签构成的语言。标签通常成对出现（开始标签和结束标签），也有单个标签存在。
HTML不是一种编程语言，而是一种专门用于创建Web页面的标记语言

二、作用

通过不同标签的不同组合来描述不同的网页内容

三、常用标签及属性

  HTML中标签可以拥有属性，通过属性可以让标签自由度更高，使页面效果更好

1. 表单

标签	功能
< form >< /form >	定义供用户输入的 HTML 表单,用于向服务器传输数据，定义采集数据的范围
< input >	定义输入框
< label >	定义input的标注

1.1 说明&示例

 1.1.1 < form action=" " >< /form >

属性action一般在交互情况下使用，比如在注册的时候，提交的时候会把用户名,密码等这些值传过去，然后对这些值的格式内容进行判断，根据判断结果进行下一步操作，对该部分数据的处理过程属于后台代码处理，处理后台数据的方法有多种，可以使用javaweb，asp,php等脚本语言进行处理。

 1.1.2 < label for=" " >< /label >

点击文本标记，就可以触发相关控件，for属性的值和相关控件的id值必须保持相同

 1.1.3 < input type="  " name=" " id="" value=" "/ >

当type的值为下列不同的取值，input输入框有不同的功能

type	功能
< textarea >	定义多行的文本输入控件
< button >	定义按钮
< option >	定义选择下拉列表的选项
< select >	定义下拉列表
< checkbox >	定义复选框
< radio >	定义单选按钮
< submit >	定义提交按钮。提交按钮会把表单数据发送到服务器。

2. 表格

标签	功能
< table >	定义表格
< caption >	定义表格标题
< th >	定义表格表头
< tr >	定义表格行
< td >	定义表格列

3. 列表

type	功能
< ul >	定义无序列表
< ol >	定义有序列表
< li >	定义列表的项目，在无序和有序列表中均可使用

4. 链接

二、CSS

1.标准盒子模型

2.怪异盒子模型（IE盒子模型）IE8及以下

• text-decoration: none 取消链接下划线
• 插入< img > 实现点击图片跳转
• hover 设置鼠标悬浮时效果
• 水平居中 text-align
• 垂直居中 设置相等的height
• cursor 鼠标悬浮时光标变为箭头

参考文献：
1.background相关属性及缩写属性
2.html中表格tr的td单元格怎么设置宽度属性
3.w3school