HTML常用标签及属性

常用标签和属性标签分类标签名中文意思空标签块标签备注Html页面结构头部网页标题主题常用标签标题块标签段落块标签字体超链接图像空标签image换行空标签水平线空标签块标签滚动格式化标签粗体大号字着重斜体小号字加重语气下标上标supper下划线列表标签无序列表块标签Uno rder list有序列表块标签Order list列表项目块标签list定义列表块标签Define list定义标题块标签Define title定义描述块标签Define describtion表格相关表格块标签行块标签Table row单元格Table data cell表头Table head标题表头部分主体部分底部页脚部分表单相关表单表单兀素（输入 框）空标签下拉框下拉列表项文本域框架相关框架集框架空标签内嵌框架容器容器标签（块）容器标签（行 内）常用属性属性名意思取值应用场景Src资源位置资源的路径sourceborder边框数字（像素）size尺寸数字（像素）width宽度数字（像素）height高度数字（像素）bgcolor背景颜色颜色值：red或#ffffffbackgro un dcolorbackgro und背景图片图片路径list-style设置列表的所有属 性列表list-style-image将图像设置为列表 项标记None url列表list-style-type设置列表项标记的 类型Disc （实心圆）Circle （空心圆） Square （实心方块）列表lin e-height行高（行间距）数字（像素）布局多行文本text-alig n对齐方式Left、right、center各种兀素对齐letter-spac ing字符间距数字（像素）加大字符间间隔text-decorati on文本修饰Underline、none加下划线、中划线 等margin-top （ right、 bottom、 left ）外边距数字（像素）padding-top （right、 bottom、left）内边距数字（像素）display改变块级兀素与行 内元素的默认显示 方式block （行变块） inline （块变行） none （该兀素不显示在网页中）positi on定位static （静态定位） relative （相对定位） absolute （绝对定位） fixed （固定定位）用于定位float浮动None、left、rightclear处理浮动塌陷left （清除左边浮动） right （清除右边浮动）both （清除两边浮动） none （不清楚浮动）type列表类型DiscCircleSquare1A aI i用于列表alig n对齐Left cen ter rightTop middle bottom段洛内容水平对齐 文字与图片垂直对 齐type表单兀素类型Text（文 本） Checkbox （复选） Radio （单选） Password （密码） File （文件） Submit （提交） Reset （重置） Button （按钮） Image （图片按钮） Hidden （隐藏）表单兀素method表单数据的提交方 式get postalt图片不显示时提示 信息图片cellpaddi ng单元格内边距数字表格cellspac ing单元格之间距离数字表格href跳转到文件位置target网页打开的位置_blank （新窗口打开） _self （自身窗口打开） _top （以整个浏览 器作业作为窗口显 示新页面）_parent （在父窗口中打开新的页面）colspa n单元格跨列数字跨的列数表格rowspa n单元格跨行数字跨的行数表格reado nly只读value输入框的初始值maxle ngth取大长度scrolldelay滚动延时marqueedirectio n滚动方向marquee块级标签与行级标签常见的块级标签div、h1h6、P、hr、ul、li、ol、dl、dt、dd、table常见的行级标签a、font、img、input、select、textarea、label、span选择器选择器标签名标签选择器.类名类选择器#ID标识名ID选择器p.red交集选择器第一个必须是标签 选择器，第二个必须 是类选择器或ID选 择器。P.red,#header并集选择器#header ul li a后代选择器标签名：伪类 名特殊选择器超链接伪类伪类示例含义应用场景a:li nka:li nkcolor:#999;未单击访问时的超链接样式常用，超链接主样式a:visiteda:visitedcolor:#333;单机访问后的超链接样式区分是否已被访问a:hovera:hovercolor:#f60;鼠标悬浮在超链接上的样式常用，实现动态效果a:activea:activecolor:#999;鼠标单击未释放的超链接样 式少用，通常与link 一 致