HTML常用标签总结.doc

1.网页结构主标签: 头标签 网页标题标签 内容主标签 bgcolor 背景颜色 background 背景图片2.插入图片标签:src 图片来源 width 宽度 height 高度 alt 图片说明文字 align 对齐（top 顶部；middle 中间 ；bottom 底部 记住这些是垂直方向上的对齐）3.文字标签: color 颜色 size 大小 face 字体4.段落标签:align 对齐 （left 居左 right 居右 center 中心对齐 记住这些是水平方向上的对齐） 5.链接标签和锚记标签: href 链接的目标位置 name 标记名称6.分行标签: 7.网页内容标题标签: 8.水平线标签: 9.预定义标签: 10.加粗、倾斜: 11.无序列表标签和有序列表标签 circle 空心圆点 square空心方块 disc实心圆点12.滚动标签direction 滚动方向（up 向上 down 向下 left向左 right 向右）scrollAmount 滚动速度behavior 滚动方式 (scoll 循环滚动 slide 只滚动一次 alternate来回滚动)scrolldelay 滚动延时 onMouseOver 鼠标已过去 （this 这个 stop 停止）onMouseOut 鼠标移出去 （this 这个 start开始）13.table标签 （可以用来布局） 注意表头单元格（一般是首列或者首行的单元格）可以使用，普通单元格使用在table标签属性：border边框的粗细； bordercolor边框颜色 bgcolor背景颜色； background背景图片width-表格宽度 height-表格高度 align-设置文字对齐方式cellpadding-文字与单元格边界的距离 cellspacing-单元格与单元格之间的距离在td 标签属性：rowspan-跨列 colspan-跨行14.表单在写表单之前，必须先写好表单容器标签,再写里面得控件标签在form标签里有两个属性：action-表单要提交的位置； methed=”get/post”-表单提交的方式,get不安全、post安全 控件标签：文本框：密码框：单选框：复选框：普通按钮：提交按钮：重置按钮：下拉列表： 文本区域： rows确定有几行，cols有多宽15.框架页面注意：在写框架页面之前必须去掉网页中的标签 frameset-框架集标签 rows-将框架集横向分开，cols将框架集纵向分开frame-框架（窗口）标签 name-窗口的名称 src在这个窗口中放入什么页面1. 纵向分隔窗口name:rightsrc: b.htmlname: leftsrc: a.html 2.横向分隔窗口 name: topsrc: a.htmlname:bottomsrc: b.html name: topsrc: a.htmlname:leftsrc:b.htmlname:rightsrc:c.html 3. 横向和纵向分隔窗口注意:在target用来表示要超链接的页面在哪个窗口打开_blank -新启一个窗口打开_self-在同一窗口打开_parent-在父窗口打开_top-在整个浏览器打开16.css1.三种样式表 内嵌样式表：直接写在标签里面 外部样式表：将所有的样式写在一个外部.css文件 使用时必须导入： import 样式表文件.css -注意路径 行内样式表:任何html标签都可以向里面加入行内样式表优先级：行内样式表内嵌样式表外部样式表2. 三种选择器：Html选择器 -直接使用html所含有标签作为选择器的名字类选择器-必须前面加一个“.”号+类名（自定义）;ID选择器-必须前面加一个“#”号+id名（自定义）;pbackground-color:#FFFFCC.red color:red;font-family:隶书#blue color:blue;font-family:宋体#orangecolor:#FF9900;font-family:宋体使用：Html选择器 -使用了当前的标签的会自动添加样式类选择器 -必须在html标签中加入一个class属性，然后写入你要使用的类选择器的名字；ID选择器 -必须在html标签中加入一个id属性，然后写入你要使用的id选择器的名字例如：窗前明月光窗前明月光窗前明月光3. 文本属性font-size -文字大小font-family-文字字体类型font-style -文本的字体样式 normal bold italiccolor -文字颜色textalign -文字对齐方式 left center right text-decoration -设置有无下划线 none underline line-through4. 背景属性background-color-背景颜色background-image: url()-背景图片background-repeat 背景图片显示情况 repeat no-repeat5. 方框属性边界属性： margin-top -设置上边界的宽度 margin-bottom -设置下边界的宽度 margin-left -设置左边界的宽度 margin-right -设置右边界的宽度填充属性：padding-top -设置上填充的宽度 padding bottom -设置下填充的宽度 padding left -设置左填充的宽度 padding right -设置右填充的宽度边框属性 border-style -边框样式 border-width -边框宽度 border-color -边框颜色6. 伪类a:link 未被访问的链接样式a:hover 鼠标悬浮访问的链接样式a:visited 已被访问的链接样式a:active 鼠标正点下去访问的链接样式 注意：属性直接必须要用“；”隔开; 大小的设置必须加px;