欢迎使用CSDN-markdown编辑器

HTML标签

常用基础标签

带有语义的标签

• em，强调
• strong ，比em强调级别更高
• abbr，定义缩写，与title属性相互搭配使用
• address，定义地址元素
• blockquote，定义块引用，通常情况下会产生缩进
• cite，通常情况下，某段话引子某本书，可以使用cite进行说明
• ins，定义被插入文本
• del，定义被删除文本

带有一定样式的标签（此类标签同时带有语义）

• b，定义粗体文本
• i，定义斜体文本
• big，定义大号文本
• small ，定义小号字体文本
• sup，上标文本
• sub，下标文本
• bdo，定义文本显示方向，属性：dir，值，ltr，rtl

输出类标签

• pre，代码中样式原样输出
• code，定义计算机代码文本
• kbd，定义键盘文本
• var，定义变量

功能类标签

a标签

• 定义超链接实现页面跳转
• 定义锚点实现书签功能

列表

• 无序列表 ul li
• 有序列表 ol li

页面嵌套

iframe

<iframe src="http://www.baidu.com"></iframe>

项目列表描述

dl dt dd

图片 img

常用属性

• alt，图像替代文本
• width，height
• ismap，定义图像映射的一张图像

通过img实现图像映射

• map 标签，定义图像映射
• 定义图像映射内部的区域

链接跳转的图像

将图片嵌套在a标签当中

<a href="http://www.baidu.com" target="_blank"><img src="2.jpg"></a>

表格 table标签

• 表格标题 caption 标签
• 表格页眉 th 标签
• 表格的行 tr 标签
• 表格的单元格 td 标签
• 表格的头部 thead 标签
• 表格的主干 tbody 标签
• 表格的尾部 tfoot 标签

页面所有链接的基础

base 标签 base 位于head标签的内部

表单 form 标签

输入域 input

• alt属性，定义当按钮为图片时，图片的替代文本
• src属性，定义当按钮为图片时，图片的链接地址
• checked属性，定义默认选项
• disabled属性，禁用当前输入域
• readonly属性，对当前输入域只读
• maxlength属性，定义输入域字符的最大长度
• name属性，定义当前的输入域的名字
• value属性，定义当前输入域的默认值

type 属性 相关属性值

• button
• file
• hidden
• text
• password
• radio
• checkbox
• image
• reset
• submit

文本输入区 textarea

• cols属性，规定可见列数
• rows属性，规定可见行数
• disabled属性，禁用当前文本输入区
• name属性，当前文本区的名字
• readonly属性，当前文本区域只读

按钮button

• value属性，按钮上显示文本内容的默认值
• submit
• type属性，按钮类型
  button
  reset
  submit
• reset
• button
• name属性，按钮名字
• disabled属性，禁用此按钮

下拉菜单 select

相关属性

• disabled属性，禁用该菜单
• multipe属性，规定可同时选中多项
• name属性，下拉列表的名字
• size属性，菜单中可见项目的数目

optgroup标签，定义下拉列表选项分组

• label属性，定义选项组的标记，必要属性
• disabled 属性，禁用

option标签，定义下拉列表中的选项

• disabled属性，禁用
• label属性，定义当使用 时所使用的标注
• selected属性，规定选项（在首次显示在列表中时）表现为选中状态。
• value属性，向服务器输送的值

表单中的标记 label

legend 定义分组标题

表单中相关元素分组 fieldset
legend 定义分组标题

css

css里的基本选择器

• class 前面使用 .
• html
• id 前面使用#

css里的基本尺寸属性

• width，height
• max-width，max-height
• line-height
• min-width，min-height

css里的综合选择器

• 交集选择器 div.e3
• 后代选择器 div p
• 并集选择器 .e3,div,p
• 子（直系儿子）元素选择器 div>p
• 序列选择器 ul li:first-child ul li:last-child
• 相邻兄弟选择器 div + p
• 普通兄弟选择器 div~p