html常用标记已经分类.doc
-A.1 根本标记<html></html>：创立一个HTML文档<head></head>：设置文档标题以及其他不在WEB网页上显示的信息<body></body>：设置文档可见局部<title></title>：设置在浏览器标题栏中显示的该文档的题目<body bgcolor=*>：设置背景颜色，使用颜色的英文单词或十六进制值代码<body te*t=*>：设置文本文字的颜色，使用颜色的英文单词或十六进制值代码<body link=*>：设置的颜色，使用颜色的英文单词或十六进制值代码<body vlink=*>：设置已过的的颜色，使用颜色的英文单词或十六进制值代码<body alink=*>：设置活动的颜色，使用颜色的英文单词或十六进制值代码A.2 文本格式标记<pre></pre>：创立预格式化文本<h1></h1>：创立最大的标题<h6></h6>：创立最小的标题<b></b>：创立黑体字<i></i>：创立斜体字<tt></tt>：创立打字机风格的字体<cite></cite>：创立一个引用，通常是斜体<em></em>：加重一个单词通常是斜体加黑体<strong></strong>：加重一个单词通常是斜体加黑体<font size="*"></font>：设置字体大小，从1到7<font color="*"></font>：设置字体的颜色，使用颜色的英文单词或十六进制代码<p>：创立一个新段落<p align="*">：将段落按左、中、右对齐<br>：插入一个回车换行符<blockquote></blockquote>：从两边缩进文本<div align="*"></div>：一个用来排版大块HTML段落得标签或格式化图表A.3 标记<a href="URL"></a>：创立一个超<a href="mailto:EMAIL"></a>：创立一个自动发送电子的<a name="NAME"></a>：创立一个位于文档部的锚<a href="*NAME"></a>：创立一个指向位于文档部锚的A.4 列表标记<dl></dl>：创立一个用于解释名词的定义列表<dt>：放在每个定义术语之前<dd>：放在每个解释之前<ol></ol>：创立一个有序列表，<li>：放在每个表项之前，并加上一个序号<ul></ul>：创立一个无序列表，<li>：放在每个表项之前，并加上一个圆点A.5 插入图像和水平线标记<img src="name" />：添加一个图像<img src="name" align=* />：排列对齐一个图像：左中右或上中下<img src="name" border=* />：设置围绕一个图像的边框的大小<hr />：参加一条水平线<hr size=* />：设置水平线的大小高度<hr width=* />：设置水平线的宽度百分比或绝对像素点<hr noshade="noshade" />：创立一个没有阴影的水平线A.6 表格标记<table></table>：创立一个表格<tr></tr>：创立表格中的一行<td></td>：创立一行中的一列<th></th>：设置表头通常使用黑体居中<table border=*>：设置围绕表格的边框的宽度<table cellspacing=*>：设置表格边框与其容间的距离<table width=*or%>：设置表格的宽度，用绝对像素值或文档总宽度的百分比<tr align=*>or<tr align=*>：设置表格的间距的水平对齐左，中，右<td colspan=*>：设置一个表格单元格应该跨占的行数缺省为1<td rowspan=*>：设置一个表格单元格应该跨占的列数缺省为1<td nowrap="nowrap">：制止表格单元格的容自动折行滚动条A.7 框架标记<frameset></frameset>：设置一个框架文件，使用此标记时不再需要<body></body>标记<frameset rows="value,value">：定义上下分隔的框架中的每个窗口的行数，可以使用绝对想素值货款度的百分比<frameset cols="value,value">：定义左右分隔的框架中的每个窗口的行数，可以使用绝对想素值货款度的百分比<frame />：定义一个框架的每个窗口<noframes></noframes>：定义再不支持框架的浏览器中显示的框架文档的提示信息<frame src="URL" />：设置框架显示什么HTML文档<frame name="name" />：定义框架的名称，以便别的框架可以指向它<frame marginwidth=* />：定义框架左右边缘的空白大小，必须大于等于1<frame marginheight=* />：定义框架上下边缘的空白大小，必须大于等于1<frame srolling=VALUE />：设置框架是否有滚动栏，其值可以是"yes"，"no"，缺省时一般为"auto"<frame noresize="noresize" />：制止用户调整框架的大小A.8 form标记<form></form>：创立一个表单<select multiple="multiple" name="name" size=*></select>：创立一个滚动菜单，size设置在需要滚动前可以看到得表单项数目<option>：设置每个表单项的容<select name="name"></select>：创立一个下拉菜单<option>：设置每个菜单项的容<te*tarea name="name" cols=* rows=*></te*tarea>：创立一个多行多列的文本框区域<input type="checkbo*" name="name" />：创立一个复选框<input type="radio" name="name" value="*" />：创立一个单项选择框<input type="te*t" name="name" size=* value="*" />：创立一个单行文本框<input type="password" name="name" size=* ma*length=* />：创立一个口令框<input type="submit" value="name" />：创立一个提交按钮<input type="button" value="name" />：创立一个按钮<input type="reset" />：创立一个重置按钮<input type="image" border="0" name="name" src="name.gif" />：创立一个使用图像的提交按钮<input type="hidden" name="name" value="*" />：创立一个隐藏的文本框<input type="file" name="name" />：创立一个文件上载控件最常用html标记总结根本标志 <html></html> 创立一个HTML文档 <head></head> 设置文档标题和其它在网页中不显示的信息 <title></title> 将文档的题目放在浏览器的标题栏中 <body></body> 设置文档的主体局部文档整体属性标志<body bgcolor="> 设置背景颜色。使用名字或RGB的十六进制值<body te*t="> 设置文本颜色。使用名字或RGB的十六进制值 <body link="> 设置颜色。使用名字或RGB的十六进制值 <body vlink="> 设置已使用的的颜色。使用名字或RGB的十六进制值 <body alink="> 设置正在被击中的的颜色。使用名字或RGB的十六进制值格式标志<p></p> 创立一个段落 <p align="> 将段落按左、中、右对齐 <br> 插入一个回车换行符<blockquote></blockquote> 从两边缩进文本 <dl></dl> 定义列表 <dt> 放在每个定义术语词前 <dd> 放在每个定义之前<ol></ol> 创立一个标有数字的列表,ol是ordered lists的缩写<ul></ul> 创立一个标有圆点的列表,ul是unordered lists的缩写，列表每一行用<li></li><li> 放在每个列表项之前,假设在<ol></ol>之间则每个列表项加上一个数字,假设在<ul></ul>之间则每个列表项加上一个圆点,li是list item的缩写<div align="></div> 用来排版大块HTML段落,也用于格式化表文本标志<pre></pre> 预先格式化文本 <h1></h1> 最大的标题 <h6></h6> 最小的标题<b></b> 黑体字 <i></i> 斜体字 <tt></tt> 打字机风格的字体 <cite></cite> 引用,通常是斜体<em></em> 强调文本(通常是斜体加黑体) <strong></strong> 加重文本(通常是斜体加黑体) <font size="></font> 设置字体大小,从1到7 <font color="></font> 设置字体的颜色,使用名字或RGB的十六进制值图像标志<img src="/name"> 在HTML文档中嵌入一个图像 <img src="/name" align="> 排列对齐一个图像:左、中、右或上、中、下 <img src="/name" border="> 设置图像的边框的大小<hr> 参加一条水平线<hr size="> 设置水平线的厚度 <hr width="> 设置水平线的宽度。可以是百分比或绝对像素点 <hr noshade> 没有阴影的水平线表格标志 <table></table> 创立一个表格 <tr></tr> 表格中的每一行 <td></td> 表格中一行中的每一个格子 <th></th> 设置表格头:通常是黑体居中文字 <table border="> 设置边框的宽度<table cellspacing="> 设置表格格子之间空间的大小 <table cellpadding="> 设置表格格子边框与其部容之间空间的大小 <table width="> 设置表格的宽度。用绝对像素值或总宽度的百分比 <tr align="> 设置表格格子的水平对齐方式(左中右) <tr valign="> 设置表格格子的垂直对齐方式(上中下) <td colspan="> 设置一个表格格子跨占的列数(缺省值为1) <td rowspan="> 设置一个表格格子跨占的行数(缺省值为1) <td nowrap> 制止表格格子的容自动断行标志<a href="/URL"></a> 创立超文本<a href="mailtEMAIL"></a> 创立自动发送电子的 <a name="name"></a> 创立位于文档部的书签 <a href="*name"></a> 创立指向位于文档部书签的表单标志 <form></form> 创立表单 <select multiple name="name" size="></select> 创立滚动菜单,size设置在需要滚动前可以看到的表单项数目 <option></option> 设置每个表单项的容<select name="name"></select> 创立下拉菜单 <te*tarea name="name" cols=40 rows=8></te*tarea> 创立一个文本框区域,列的数目设置宽度,行的数目设置高度<input type="checkbo*" name="name"> 创立一个复选框,文字在标签后面<input type="radio" name="name" value="> 创立一个单项选择框,文字在标志后面<input type=te*t name="foo" size=20> 创立一个单行文本输入区域,size设置以字符串的宽度 <input type="submit" value="name"> 创立提交(submit)按钮 <input type="image" border=0 name="name" src="/name.gif"> 创立一个使用图象的提交(submit)按钮<input type="reset"> 创立重置(reset)按钮帧标志 <frameset></frameset> 放在一个帧文档的<body>标签之前,也可以嵌在其他帧文档中 <frameset rows="value,value"> 定义一个帧的行数,可以使用绝对像素值或高度的百分比 <frameset cols="value,value"> 定义一个帧的列数,可以使用绝对像素值或宽度的百分比 <frame> 定义一个帧的单一窗或窗区域 <noframes></noframes> 定义在不支持帧的浏览器中显示什么提示 <frame src="/URL"> 规定帧显示的HTML文档 <frame name="name"> 命名帧或区域以便别的帧可以指向它 <frame marginwidth="> 定义帧左右边缘的空白大小,必须大于等于1 <frame marginheight="> 定义帧上下边缘的空白大小,必须大于等于1 <frame scrolling="> 设置帧是否有滚动栏,其值可以是"yes","no" 或"auto" <frame noresize> 制止用户调整一个帧的大小补充：HTML span与div - CSS与*HTML沟通的桥梁。HTML,*HTML只是负责显示容.文字标签与字块标签一般都有意义,而span与div并没有什么意义,它们被广泛的与CSS联合使用.span是联的,代表一行.div代表一块.(有点向标签p,块的前后总是和其它块隔开一个距离.)html常用标记html常用标记htmlheadtitle标题title/headbody.文件容. /body/html 1.文件标题title./title 2.文件更新-meta【1】10秒后自动更新一次meta -equiv="refresh" content=10【2】10秒后自动连结到另一文件meta -equiv="refresh" content="10；URL=欲连结文件之URL" 3.查询用表单-isinde*> 假设欲设定查询栏位前的提示文字：isinde* prompt="提示文字" 4.预设的基准路径-base> base href="放置文件的主机之URL" "后面带的是参数，也就是用户提交处理的时候所带的参数。就是url和其携带参数的分隔符版面1.标题文字h*./h* *=16；h1为最大字，h6为最小字2.字体变化font./font【1】字体大小font size=*./font *=17；数字愈大字也愈大【2】指定字型font face="字型名称"./font【3】文字颜色font color=*rrggbb./font rr：表红色red色码 gg：表绿色green色码 bb：表蓝色blue色码3.显示小字体small./small 4.显示大字体big./big 5.粗体字b./b 6.斜体字i./i 7.打字机字体tt./tt 8.底线u./u 9.删除线strike./strike 10.下标字sub./sub 11.上标字sup>./sup 12.文字闪烁效果blink./blink 13.换行br 14.分段p 15.文字的对齐方向p align="*" *号可为 left：表向左对齐预设值 center：表向中对齐 right：表向右对齐 P.S.p align="*"之后的文字都会以所设的对齐方式显示，直到出现另一个p align="*"改变其对齐方向，或遇到hrh*标签时会自动设回预设的向左对齐。 16.分隔线hr【1】分隔线的粗细hr size=点数【2】分隔线的宽度hr size=点数或百分比【3】分隔线对齐方向hr align="*" *号可为 left：表向左对齐预设值 center：表向中对齐 right：表向右对齐【4】分隔线的颜色hr color=*rrggbb【5】实心分隔线hr noshade 17.向中对齐center./center 18.依原始样式显示pre./pre 19.body指令的属性【1】背景颜色 - bgcolor body bgcolor=*rrggbb【2】背景图案 - background body background="图形文件名"【3】设定背景图案不会卷动 - bgproperties body bgproperties=fi*ed【4】文件容文字的颜色 - te*t body te*t=*rrggbb【5】超连结文字颜色 - link body link=*rrggbb【6】正被选取的超连结文字颜色 - vlink body vlink=*rrggbb【7】已连结过的超连结文字颜色 - alink body alink=*rrggbb 20.注解!-.-21.特殊字元表示法符号语法lt gt & amp " quot 空白nbsp 图片 1.插入图片img src="图形文件名" 2.设定图框 - border img src="图形文件名" border=点数 3.设定图形大小 - widthheight img src="图形文件名" width=宽度点数 height=高度点数 4.设定图形上下左右留空 - vspacehspace img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数 5.图形附注img src="图形文件名" alt="说明文字" 6.预载图片img src="高解析度图形文件名" lowsrc="低解析度图形文件名" P.S.两个图的图形大小最好一致 7.影像地图Image Mapimg src="图形文件名" usemap="*图的名称"map name="图的名称"area shape=形状 coords=区域座标列表 href="连结点之URL"area shape=形状 coords=区域座标列表 href="连结点之URL"area shape=形状 coords=区域座标列表 href="连结点之URL"area shape=形状 coords=区域座标列表 href="连结点之URL"/map【1】定义形状 - shape shape=rect：矩形 shape=circle：圆形 shape=poly：多边形【2】定义区域 - coords a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标例：area shape=rect coords=100,50,200,75 href="URL" b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度例：area shape=circle coords=85,155,30 href="URL" c.任意图形多边形：将图形之每一转折点座标依序填入例：area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"表格 1.定义表格table./table【1】设定边框的厚度 - border table border=点数【2】设定格线的宽度 - cellspacing table cellspacing=点数【3】设定资料与格线的距离 - cellpadding table cellpadding=点数【4】调整表格宽度 - width table width=点数或百分比【5】调整表格高度 - height table height=点数或百分比【6】设定表格背风光彩 - bgcolor table bgcolor=*rrggbb【7】设定表格边框色彩 - bordercolor table bordercolor=*rrggbb 2.显示格线table border 3.表格标题caption./caption表格标题位置 - align caption align="*" *号可为 top：表标题置于表格上方预设值 bottom：表标题置于表格下方 4.定义列tr 5.定义栏位"1"td：靠左对齐"2"th：靠中对齐粗体【1】水平位置 - align th align="*" *号可为 left：向左对齐 center：向中对齐 right：向右对齐【2】垂直位置 - align th align="*" *号可为 top：向上对齐 middle：向中对齐 bottom：向下对齐【3】栏位宽度 - width th width=点数或百分比【4】栏位垂直合并 - rowspan th rowspan=欲合并栏位数【5】栏位横向合并 - colspan th colspan=欲合并栏位数清单一、目录式清单dirli工程1 li工程2 li工程3 /dir P.S.目录式清单每一个工程不能超过20个字元即10个中文字二、选项式清单menuli工程1 li工程2 li工程3 /menu三、有序号的清单olli工程1 li工程2 li工程3 /ol【1】序号形式 - type ol type=*或li type=* *号可为 A：表以大写英文字母ABCD.做为工程编号 a：表以小写英文字母abcd.做为工程编号 I：表以大写罗马数字做为工程编号 i：表以小写罗马数字做为工程编号 1：表以阿拉伯数字做为工程编号预设值【2】起始数字 - start ol start=欲开场计数的序数【3】指定编号 - value li value=欲指定的序数四、无序号的清单ulli工程1 li工程2 li工程3 /ul【1】工程符号形式 - type ul type=*或li type=* *号可为 disc：实心圆点预设值 circle：空心圆点 square：实心方块【2】原始清单 - plain ul plain【3】清单排列方式 - warp "1"清单垂直排列ul warp = vert"2"清单水平排列ul warp = horiz五、定义式清单dldt工程1 dd工程1说明dt工程2 dd工程2说明dt工程3 dd工程3说明/dl严密排列 - pact dl pact P.S.如此可使dt的容与dd的容在同一行，仅以数格空白相隔而不换行，但假设dt的文字超过一定的长度后，pact的作用就消失了！表单一、根本架构form action="处理资料用的CGI程式之URL"或"mailto:电子信箱的URL" method="get或post" . . . /form二、输入文件型表单form action="URL" method="post"inputinput . . /form【1】栏位类型 - type input type=* *号可为 te*t：文字输入 password：密码 checkbo*：多项选择钮 radio：单项选择钮 submit：承受按钮 reset：重设按钮 image：图形钮 hidden：隐藏栏位【2】栏位名称 - name input name="资料栏名" P.S.假设type为submitreset则name不必设定【3】文件上的预设值 - value input value="预设之字串"【4】设定栏位的宽度 - size input size=字元数【5】限制最大输入字串的长度 - ma*length input ma*length=字元数【6】预设checkbo*或radio的初值 - checked input type=checkbo* checkedinput type=radio checked【7】指定图形的URL - srcinput type=image src="图档名"【8】图文对齐 - align input type=image align="*" *号可为 top：文字对齐图片之顶端 middle：文字对齐图片之中间 buttom：文字对齐图片之底部三、选择式表单form action="URL" method="post"selectoptionoption . . /select/form A、select的属性【1】栏位名称 - name select name="资料栏位名"【2】设定显示的选项数 - size select size=个数【3】多重选项 - multiple select multiple B、option的属性【1】定义选项的传回值 - value option value="传回值"【2】预先选取的选项 - selected option selected四、多列输入文字区表单form action="URL" method="post"te*tarea . . /te*tarea/form【1】文字区的变数名称 - name te*tarea name=变数名称【2】设定文字输入区宽度 - cols te*tarea cols=字元数【3】设定文字输入区高度 - rows te*tarea rows=列数【4】输入区设定预设字串te*tarea预设文字/te*tarea【5】自动换行与否 - wrap te*tarea wrap=* *号可为 off：表输入的文字超过栏宽时，不会自动换行预设值 virtual：表输入的文字在超过栏宽时会自动换行一、连结至其他文件a href="URL"说明文字或图片/a二、连结至文件之*一处外部连结"1"起点a href="档名*名称"./a"2"终点a name="名称"三、frame的超连结【1】开启新的浏览器来显示连结文件 - _blank a href="URL" target=_blank【2】显示连结文件於目前的frame - _self a href="URL" target=_self【3】以上一层的分割视窗显示连结文件 - _parent a href="URL" target=_parent【4】以全视窗显示连结文件 - _top a href="URL" target=_top【5】以特定视窗显示连结文件 -a href="URL" target="特定视窗名称" FRAME 一、分割视窗指令frameset./frameset【1】垂直上下分割 - rows frameset rows=* *号可为点数：如欲分割为100,200,300三个视窗，则frameset rows=100,200,300；亦可以*号代表，如frameset rows=*,500,*百分比：如frameset rows=30%,70%，各项总和最好为100% 【2】水平左右分割 - cols frameset cols=点数或百分比二指定视窗容 - frameframeset cols=30%,70%frameframe/frameset【1】指定视窗的文件名称 - src frame src=HTML档名【2】定义视窗的名称 - name frame name=视窗名称【3】设定文件与上下边框的距离 - marginheight frame marginheight=点数【4】设定文件与左右边框的距离 - marginwidth frame marginwidth=点数【5】设定分割视窗卷轴 - scrolling frame scrolling=* *号可为 yes：固定出现卷轴 no：不出现卷轴 auto：自动判断文件大小需不需要卷轴预设值【6】锁住分割视窗的大小 - noresize frame noresize详解网页制作中使用的HTML常用标记<HTML>整份文件处于标记<HTML>与</HTML>之间 <HEAD>由<HEAD>至</HEAD>称为开头 <TITLE>只可出现开头局部，所标示的是文件的标题 1、<BODY><BODY>至</BODY>称文本如：<body te*t="*000000" link="*000000" alink="*000000" vlink="*000000" background="webj*./bj.gif" bgcolor="*000000" leftmargin=2 topmargin=2 bgproperties="fi*ed"> Te*t：设定文字颜色 Link：设定一般文字连接颜色 Alink：设定刚按下时文本连接颜色 Vlink：设定连接后的颜色被按过 Background：设定背景图片，gif或jpg皆可。可以是绝对路径或相对路径。 Bgcolor：设定背景颜色，当已设定背景图片时会失去作用，除非图片有透明局部。 Leftmargin：设定整份文件显示画面的左方边沿空间半径为像素只适用IE Topmargin：设定整份文件显示画面的上方边沿空间半径为像素只适用IE Bgproperties：固定背景图片，当卷动文字时图片不会跟随卷动只适用IE 2、<P>常用数，如：<p align="center">可选择right(右边)、center(居中)、left(左边) 定值：align="left" 3、<HR>水平线，如：<hr align="center" size="2" width="100%" color="*000000" noshade> Align：设定线条摆放位置，可选择right(右边)、center(居中)、left(左边) Size：设定线条厚度，以像素作单位，定为： Width：设定线条长度，可以是绝对值以像素作单位或相对值，定为：100% Color：字体颜色 Noshade：设定线条为平面显示，假设删除则具阴影或立体，定为：noshade 4、<FONT>本身亦受<BASEFONT>的影响，如：<font face="Arial" size="2" color="*000000"> Face：社顶文字的字形，建议不要使用“Windows"建字体以外的字形 Size：设定文字大小，其值可以是绝对或相对。不受<BASEFONT>影响。定为3 Color：字体颜色 5、<OL>称为顺序清单标记，所谓顺序清单就是在每一项前面加上1,2,3,等数，又称为编引清单，如：<ol type="1" start="4"> Type="i" 设定数目款式，其体有五种，定为：type="1" start="4" 设定开场数目，不管设定了哪一数目款式，其值只能是1,2,3,等整数，定为：staert="1" Type Numbering style 1 Arabic numbers 1,2,3, a Lower alpha a,b,c, A Upper alpha A,B,C, i Lower roman i,ii,iii, I Upper roman I,II,III, <LI>则用于标示清单项选择项，只适用于非顺序清单，设定符号款式。其值有三种，如：<li type="square" value="4"> 符号是当前type="disc"时的列项符号符号是当前type="disc"时的列项符号符号是当前type="disc"时的列项符号 Value：只适用于顺序清单，其值只能为：1,2,3,等整数。没有定值。 <UL>无序清单标记，如：<ul type="square"> 符号是当前type="disc"时的列项符号符号是当前type="disc"时的列项符号符号是当前type="disc"时的列项符号 6、<TABLE>是一个容器标记，意思是说它用以声明这是表格而且其他表格标记只能在它围才适用，如：<table border="1"cellspacing="2" cellpadding="2" align="center" valign="middle" background="webj*./bj.gif" bgcolor="*000000" bordercolor="*000000"bordercolorlight="*000000" width="100%" height="100%"> Border：表格线宽度 Cellspacing：字体格线距离 Cellpadding：文字与隔线的距离 Align：表格字、画的摆放位置，可用left、center、right Valign：表格字、画的摆放位置(垂直)，可用top、middle、bottom Background：表格背景图片与bgcolor不要同用 Bgcolor：表格底色与background不要同用 Bordercolor：表格边框颜色，NC与IE有不同的效果
