HTML常用标签及属性
Definelist
<dt>
定义标题
块标签
Definetitle
<dd>
定义描述
块标签
Definedescribtion
表格相关
<table>
表格
块标签
<tr>
行
块标签
Tablerow
<td>
单元格
Tabledata cell
<th>
表头
Tablehead
<caption>
标题
<thead>
表头部分
常见的行级标签
<a>、<font>、<img>、<input>、<select>、<textarea>、<label>、<span>
选择器
选择器
标签名{}
标签选择器
.类名{}
类选择器
#ID标识名
ID选择器
p.red
交集选择器
第一个必须是标签选择器，第二个必须是类选择器或ID选择器。
P,.red,#header
type
表单元素类型
Text(文本)
Checkbox（复选）
Radio（单选）
Password（密码）
File（文件）
Submit（提交）
Reset（重置）
Button（按钮）
Image（图片按钮）
Hidden（隐藏）
表单元素
method
表单数据的提交方式
get
post
alt
图片不显示时提示信息
图片
并集选择器
#header ul li a
后代选择器
标签名：伪类名
特殊选择器
超链接伪类
伪类
示例
含义
应用场景
a:link
a:link{color:#999;}
未单击访问时的超链接样式
常用，超链接主样式
a:visited
a:visited{color:#333;}
单机访问后的超链接样式
区分是否已被访问
a:hover
内边距
数字（像素）
display
改变块级元素与行内元素的默认显示方式
block（行变块）
inline（块变行）
none（该元素不显示在网页中）
position
定位
static（静态定位）
relative（相对定位）
absolute（绝对定位）
fixed（固定定位）
用于定位
float
浮动
None、left、right
cellpadding
单元格内边距
数字
表格
cellspacing
单元格之间距离
数字
表格
href
跳转到文件位置
target
网页打开的位置
_blank（新窗口打开）
_self（自身窗口打开）
_top（以整个浏览器作业作为窗口显示新页面）
_parent（在父窗口中打开新的页面）
colspan
单元格跨列
数字跨的列数
list-style
设置列表的所有属性
列表
list-style-image
将图像设置为列表项标记
None
url
列表
list-style-type
设置列表项标记的类型
Disc（实心圆）
Circle（空心圆）
Square（实心方块）
列表
line-height
行高（行间距）
数字（像素）
布局多行文本
text-align
表格
rowspan
单元格跨行
数字跨的行数
表格
readonly
只读
value
输入框的初始值
maxlength
最大长度
scrolldelay
滚动延时
<marquee>
direction
滚动方向
<marquee>
块级标签与行级标签
常见的块级标签
<div>、<h1>~<h6>、<P>、<hr>、<ul>、<li>、<ol>、<dl>、<dt>、<dd>、<table>
clear
处理浮动塌陷
left（清除左边浮动）
right（清除右边浮动）
both（清除两边浮动）
none（不清楚浮动）
type
列表类型
Disc
Circle
Square
1
A a
Ii
用于列表
align
对齐
Leftcenter right
Top middle bottom
段落内容水平对齐
文字与图片垂直对齐
常用标签和属性
标签分类
标签名
中文意思
空标签
块标签
备注
Html页面结构
<html>
<head>
头部
<title>
网页标题
<body>
主题
常用标签
<h1>～<h6>
标题
块标签
<p>
段落
块标签
<font>
字体
<a>
超链接
<img>
图像
空标签
image
<br>
换行
空标签
<hr>
水平线
空标签
块标签
<marquee>
<tbody>
主体部分
<tfoot>
底部页脚部分
表单相关
<form>
表单
<input>
表单元素（输入框）
空标签
<select>
下拉框
<option>
下拉列表项
<textarea>
文本域
框架相关
<frameset>
框架集
<frame>
框架
空标签
<iframe>
内嵌框架
容器
<div>容器标源自（块）<span>
a:hover{color:#f60;}
鼠标悬浮在超链接上的样式
常用，实现动态效果
a:active
a:active{color:#999;}
鼠标单击未释放的超链接样式
少用，通常与link一致
对齐方式
Left、right、center
各种元素对齐
letter-spacing
字符间距
数字（像素）
加大字符间间隔
text-decoration
文本修饰
Underline、none
加下划线、中划线等
margin-top（right、bottom、left）
外边距
数字（像素）
padding-top（right、bottom、left）
容器标签（行内）
常用属性
属性名
意思
取值
应用场景
Src
资源位置
资源的路径
source
border
边框
数字（像素）
size
尺寸
数字（像素）
width
宽度
数字（像素）
height
高度
数字（像素）
bgcolor
背景颜色
颜色值：red或#ffffff
backgroundcolor
background
背景图片
图片路径
滚动
格式化标签
<b>
粗体
<big>
大号字
<em>
着重
<i>
斜体
<small>
小号字
<strong>
加重语气
<sub>
下标
<sup>
上标
supper
<u>
下划线
列表标签
<ul>
无序列表
块标签
Unorderlist
<ol>
有序列表
块标签
Orderlist
<li>
列表项目
块标签
list
<dl>
定义列表
块标签
