html常用标记大全.doc

公告： Bambook达人赛CSDN提交作品的来登记哦！意见反馈官方博客 HTML标记详解 收藏 一.Html的头部标记 (位于和之间). 基底网址标记 (相对路径附在基底网址中.设置的绝对路径的后面).绝对路径不受基底网址设定的绝对路径控制. 基底文字标记表示文字的字体字号和颜色属性:face字体 size字号 color颜色. 标题标记. 元信息标记标记属性:name 名称 name的其它属性:A.copyright(版权)说明:标注版权用法:注意:content=版权说明B.generator(编辑器)说明:编辑器的说明用法:注意:content=你所用编辑器C.revisit-after(重访)用法:D.build(网站建设时间)说明:标注时间用法:注意:content=输入日期E.reply-to(记载联系人邮箱)用法:注意:content=网站联系人邮箱 content 内容 content属性:A.charset说明:设置语系。Charset选项：ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集HTTP-EQUIVHTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。 HTTP-EQUIV属性:A.Content-Type说明:设定页面使用的字符集，用以说明主页制作所使用的文字已及语言，浏览器会根据此来调用相应的字符集显示page内容。B.refresh说明:刷新文档C.值 C1.page-enter说明:打开网页时记录网页转场的效果 结合content属性:revealtrans(duration=3表示滤镜特效持续的时间为3秒,transtion=滤镜类型，表示使用哪种特效，取值为0-23)C2.page-exit说明:离开网页时网页过渡的效果 HTTP-EQUIV常用类型:A.Expires(期限)说明:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅.用法:注意:必须使用GMT的时间格式,或直接设置为0(数字表示多少时间后过期)B.Pragma(cach模式)说明:禁止浏览器从本地机的缓存中调阅页面内容.用法:注意:网页不保存在缓存中,每次访问都刷新页面.这样设定,访问者将无法脱机浏览.C.Window-target(显示窗口的设定)用法:注意:这个属性是用来防止别人在框架里调用你的页面.content选项:_blank _top _self _parent.TRANSITION 滤镜类型 基本语法:meta http-epuiv=page-enter content=revealtrans(duration=value,transition=number) 注意:number可取以下数值0 矩形减小 1 矩形扩大 2 圆形缩小 3 圆形扩大 4 向上擦除 5 向下擦除 6 向左擦除 7 向右擦除 8 垂直百叶窗 9 水平百叶窗 10 横向棋盘式 11 纵向棋盘式 12 溶解 13 左右向中部收缩 14 中部向左右展开 15 上下向中部收缩 16 中部向上下展开 17 阶梯状向左下展开 18 阶梯状向左上展开 19 阶梯状向右下展开 20 阶梯状向右上展开 21 随机水平线 22 随机垂直线 23 以上随机选择二.Html内部主体标记.主要位于与之间相关属性:A.bgcolor 设定页面背景颜色B.background 设定页面背景图像C.text 设定页面文字的颜色D.bgproperties设定页面背景图像为固定E.link 设定页面默认的链接颜色F.vlink 设定页面访问过后的链接颜色 G.alink 设定鼠标正在单击时的链接颜色 H.leftmargin 设定页面的左边距I.topmargin 设定页面的上边距三.文字包括的内容.文字内容位于与之间,其中有普通文字空格符号特殊字符注释语句.标题字标记:有六种标题有一种属性:(对齐) 有四种对齐方式(左右居中两端).文字段落的修饰标记粗体标记斜体标记删除线标记下划线标记上标标记下标标记大字号标记小字号标记标记:基本语法文字段落标记:一个属性三种对齐方式:左中右域格式化标记:表示在代码视图与设计视图格式一样居中标记水平线标记提示标记变量标记 :斜体显示程序代码标记:用于斜体显示文档中比较重要的信息闪烁标记1秒一次(不被IE4.0及以上版本支持)标记:使文字以标准打印机字体显示四.列表的标记.无序列表 说明:通常用圆点圆框方框来表示 项目列表 列表项 有个属性:1.typeA.type 说明:可以设置圆圈和方块(1.type=circle代表项目符号为圆圈。通过type改变项目符号。2.type=disc代表项目符号为圆点。通过type改变项目符号。3.type=square代表项目符号为方块。通过type改变项目符号。).有序列表 说明:通常用数字和字母来表示 编号列表 有两个属性:1.type 2.startA.type 说明:可以设置数字.字母.小写和大写字母.小写和大写罗马数字B.start 说明:设置从那个字母和数字开始.默认从1开始 列表项.定义列表 说明:一般分两个层次来表示 也称为字典列表 定义列表 定义术语 定义说明.列表的嵌套五.插入图片.格式为:低解析度源:如果显示图像很大，浏览器下载会很慢，我们指定一个低分辨率的图像副本（文件小），浏览器会先下载副本，在浏览器中先显示出来，然后下载较大图像，这样可以节省用户浏览网页的时间，又能保证网页的完整性。图片注释:替代文字边框垂直边距水平边距.文本环绕与停止文本环绕语法:align取值有两个(left 和right)如果想停止环绕.就在想停止的地方插入属性有:A.left 停止文本环绕直到没有对齐左页边的图像B.right 停止文本环绕直到没有对齐右页边的图像c.all 停止文本环绕直到没有两边边都没有的图像.图像映射通过标记里的usemap属性就可以引用Map标记了.例:注意:map标记中name的值必须与img中usemap的取值相同,就是usemap的值前面多了一个# 标记 语法:有三个属性:A.href:链接的地址B.shap:映射区域的形状,取值可以是:1.rect 矩形 2. circle 圆形 3.poly 多边形C.coords:标识映射区域的边界六.文字链接.链接是网站多个网站链接在一起.target的属性:_blank 在本窗口打开_parent 在新窗口打开_self 在上一级窗口打开_top 在整个浏览器窗口打开title 链接提示文字.锚点是将对较长的文章进行编号对href链接属性前面必须加#.其它链接E-mail链接:格式为mailto:邮箱地址.如果有后缀以&号隔开subject邮件主题 cc抄送人 bcc密件抄送人ftp链接:ftp:/mews链接:news:/七.表格.表格标记属性有:A.border(边框值)B.bordercolor(边框颜色).行标记属性主要有:bordercolordark(暗边框颜色) bordercolorlight(亮边框颜色).单元格标记属性有:th (单元格表头).表格标题:在与标记之间就是表格标题内容属性有:align 1.bottom(在表格上方)2.center(在表格上方的中间)3.left(在表格的左边)4.right(在表格的右边)5.top(在表格的上方). 是列跨距用来合并同一行的两个或多个单元格. 是行跨距用来合并同一列相邻的一个或多个单元格八.建立表单页面.form标记 表单是用标记定义的.这个标记是一个容器控件,它不显示任何信息,只表示在标记和标记之间定义的控件中输入的数据是可以返回到Web服务器中相应的程序进行处理的. name属性:通过为表单命名可以控制表单与后台程序之间的关系.action属性:设置表单的提交地址.method属性:设置表单的提交方式.有三种方式:A.默认方法 用浏览器的默认传送方式，一般默认为“GET”。B.get方法 将表单内的数据附加到链接后面传送给服务器，服务器用读取环境变量的方式读取表单内的数据。因为链接的长度限制8192个字符，所以长表单不能用此传送方式。C.post方法 用标准输入方式将表单内的数据传送给服务器，服务器用读取标准输入的方式读取表单内的数据，在理论上此方式对表单的长度不限。enctype属性:创建文件上传域使用enctype=multipart/form-data类型。target属性:设置表单信息返回的窗口。.标记input 输入标记是表单中最常用的标记之一。常用的文本域，按钮等都使用这个标记。name属性:文本域的名称。size属性:文本域的宽度。size=15代表文本域一次最多显示15个字符数。maxlength属性:文本域的最多字符数。maxlength=7代表最多只能在文本域中输入7个字符。.textarea标记 这个标记用来制作多行的文字域，可以在其中输入更多的文本。cols属性: 这个标记用来规定文字域的列数。rows属性:这个标记用来规定文字域的行数。wrap属性:这个是控制文本换不换行type属性:type代表域的类型，type=password代表为密码域。九.框架.框架集标记属性:frameborder (yes显示框架 no不显示框架)属性:rows(行框架尺寸,也可以定义框架数)属性:cols(列框架尺寸,也可以定义框架数)属性:framespacing(框架间距).框架标记属性:src(框架中显示页面源文件的路径)属性:name(框架名)属性:scrolling(框架是否滚动)属性:noresize(框架大小是否可以调节)属性:marginheight(框架高度)属性:marginwidth(框架宽度).浮动框架标记属性:src(浮动框架中显示页面源文件的路径)属性:height(浮动框架高度)属性:width(浮动框架宽度)属性:name(框架名)属性:align(浮动框架的排列方式,left表示居左,center表示居中,right表示居右)属性:frameborder(框架边框显示属性)属性:scrolling(框架是否滚动)属性:noresize(框架大小是否可以调节)属性:marginheight(框架边缘高度)属性:marginwidth(框架边缘宽度).框架链接把Name的值设为要显示的方向,src的值设为要显示的地址.把要点击的链接的target的值设为Name的值设为要显示的方向.浮动框架链接把要点击的链接的target的值设为Name的值设为框架名称十.层.层及其属性标记属性:A.id(层的编号.给层命名)B.position(定位) absolute(绝对定位) relative(相对定位)C.left(左边界的距离)D.top(上边界的距离)E.z-index(决定层的先后顺序和覆盖关系)layer2代表层2，layer1代表层1，层2的z-index值大于层1的值，所以层2可以覆盖层1。F.overflow(溢出.表示层超出大小的时候)G.visible(无论层是否超出大小)H.background-image(背景图像)I.visibility(层的显示)常见问题:.使层在flash上面.使flash透明输入以下代码:.半透明的层:首先做个css样式:代码如下.halfalphabackground-color:#000000;filter:alpha(opacity=50)然后在层里将css样式引入.解决乱码,错位或不能正确换行时用meta语句设置.如何改变滚动条的颜色在之间输入以下代码:bodyscrollbar-base-color:black;1.scrollbar-face-color:滚动条页面颜色设定;2.scrollbar-highlight-color:滚动条斜面和左面颜色设定;3.scrollbar-shadow-color:滚动条下斜面和右面颜色设定;4.scrollbar-3dlight-color:滚动条上边和左面的边沿颜色设定;5.scrollbar-ar