html常用标记已经分类.doc

《html常用标记已经分类.doc》由会员分享，可在线阅读，更多相关《html常用标记已经分类.doc（25页珍藏版）》请在课桌文档上搜索。

1、-A.1 根本标记：创立一个HTML文档：设置文档标题以及其他不在WEB网页上显示的信息：设置文档可见局部：设置在浏览器标题栏中显示的该文档的题目：设置背景颜色，使用颜色的英文单词或十六进制值代码：设置文本文字的颜色，使用颜色的英文单词或十六进制值代码：设置的颜色，使用颜色的英文单词或十六进制值代码：设置已过的的颜色，使用颜色的英文单词或十六进制值代码：设置活动的颜色，使用颜色的英文单词或十六进制值代码A.2 文本格式标记：创立预格式化文本：创立最大的标题：创立最小的标题：创立黑体字：创立斜体字：创立打字机风格的字体：创立一个引用，通常是斜体：加重一个单词通常是斜体加黑体：加重一个单词通常是斜

2、体加黑体：设置字体大小，从1到7：设置字体的颜色，使用颜色的英文单词或十六进制代码：创立一个新段落：将段落按左、中、右对齐：插入一个回车换行符：从两边缩进文本：一个用来排版大块HTML段落得标签或格式化图表A.3 标记：创立一个超：创立一个自动发送电子的：创立一个位于文档部的锚：创立一个指向位于文档部锚的A.4 列表标记：创立一个用于解释名词的定义列表：放在每个定义术语之前：放在每个解释之前：创立一个有序列表，：放在每个表项之前，并加上一个序号：创立一个无序列表，：放在每个表项之前，并加上一个圆点A.5 插入图像和水平线标记：添加一个图像：排列对齐一个图像：左中右或上中下：设置围绕一个图像的边

3、框的大小：参加一条水平线：设置水平线的大小高度：设置水平线的宽度百分比或绝对像素点：创立一个没有阴影的水平线A.6 表格标记：创立一个表格：创立表格中的一行：创立一行中的一列：设置表头通常使用黑体居中：设置围绕表格的边框的宽度：设置表格边框与其容间的距离：设置表格的宽度，用绝对像素值或文档总宽度的百分比or：设置表格的间距的水平对齐左，中，右：设置一个表格单元格应该跨占的行数缺省为1：设置一个表格单元格应该跨占的列数缺省为1：制止表格单元格的容自动折行滚动条A.7 框架标记：设置一个框架文件，使用此标记时不再需要标记：定义上下分隔的框架中的每个窗口的行数，可以使用绝对想素值货款度的百分比：定义

4、左右分隔的框架中的每个窗口的行数，可以使用绝对想素值货款度的百分比：定义一个框架的每个窗口：定义再不支持框架的浏览器中显示的框架文档的提示信息：设置框架显示什么HTML文档：定义框架的名称，以便别的框架可以指向它：定义框架左右边缘的空白大小，必须大于等于1：定义框架上下边缘的空白大小，必须大于等于1：设置框架是否有滚动栏，其值可以是yes，no，缺省时一般为auto：制止用户调整框架的大小A.8 form标记：创立一个表单：创立一个滚动菜单，size设置在需要滚动前可以看到得表单项数目：设置每个表单项的容：创立一个下拉菜单：设置每个菜单项的容：创立一个多行多列的文本框区域：创立一个复选框：创立

5、一个单项选择框：创立一个单行文本框：创立一个口令框：创立一个提交按钮：创立一个按钮：创立一个重置按钮：创立一个使用图像的提交按钮：创立一个隐藏的文本框：创立一个文件上载控件最常用html标记总结根本标志 创立一个HTML文档 设置文档标题和其它在网页中不显示的信息 将文档的题目放在浏览器的标题栏中 设置文档的主体局部文档整体属性标志 设置背景颜色。使用名字或RGB的十六进制值 设置文本颜色。使用名字或RGB的十六进制值 设置颜色。使用名字或RGB的十六进制值 设置已使用的的颜色。使用名字或RGB的十六进制值 设置正在被击中的的颜色。使用名字或RGB的十六进制值格式标志 创立一个段落 将段落按左

6、、中、右对齐 插入一个回车换行符 从两边缩进文本 定义列表 放在每个定义术语词前 放在每个定义之前 创立一个标有数字的列表,ol是ordered lists的缩写 创立一个标有圆点的列表,ul是unordered lists的缩写，列表每一行用 放在每个列表项之前,假设在之间则每个列表项加上一个数字,假设在之间则每个列表项加上一个圆点,li是list item的缩写 用来排版大块HTML段落,也用于格式化表文本标志 预先格式化文本 最大的标题 最小的标题 黑体字 斜体字 打字机风格的字体 引用,通常是斜体 强调文本(通常是斜体加黑体) 加重文本(通常是斜体加黑体) 设置字体大小,从1到7 设置

7、字体的颜色,使用名字或RGB的十六进制值图像标志 在HTML文档中嵌入一个图像 排列对齐一个图像:左、中、右或上、中、下 设置图像的边框的大小 参加一条水平线 设置水平线的厚度 设置水平线的宽度。可以是百分比或绝对像素点 没有阴影的水平线表格标志 创立一个表格 表格中的每一行 表格中一行中的每一个格子 设置表格头:通常是黑体居中文字 设置边框的宽度 设置表格格子之间空间的大小 设置表格格子边框与其部容之间空间的大小 设置表格的宽度。用绝对像素值或总宽度的百分比 设置表格格子的水平对齐方式(左中右) 设置表格格子的垂直对齐方式(上中下) 设置一个表格格子跨占的列数(缺省值为1) 设置一个表格格子

8、跨占的行数(缺省值为1) 制止表格格子的容自动断行标志 创立超文本 创立自动发送电子的 创立位于文档部的书签 创立指向位于文档部书签的表单标志 创立表单 创立滚动菜单,size设置在需要滚动前可以看到的表单项数目 设置每个表单项的容 创立下拉菜单 创立一个文本框区域,列的数目设置宽度,行的数目设置高度 创立一个复选框,文字在标签后面 创立一个单项选择框,文字在标志后面 创立一个单行文本输入区域,size设置以字符串的宽度 创立提交(submit)按钮 创立一个使用图象的提交(submit)按钮 创立重置(reset)按钮帧标志 放在一个帧文档的标签之前,也可以嵌在其他帧文档中 定义一个帧的行数

9、,可以使用绝对像素值或高度的百分比 定义一个帧的列数,可以使用绝对像素值或宽度的百分比 定义一个帧的单一窗或窗区域 定义在不支持帧的浏览器中显示什么提示 规定帧显示的HTML文档 命名帧或区域以便别的帧可以指向它 定义帧左右边缘的空白大小,必须大于等于1 定义帧上下边缘的空白大小,必须大于等于1 设置帧是否有滚动栏,其值可以是yes,no 或auto 制止用户调整一个帧的大小补充：HTML span与div - CSS与*HTML沟通的桥梁。HTML,*HTML只是负责显示容.文字标签与字块标签一般都有意义,而span与div并没有什么意义,它们被广泛的与CSS联合使用.span是联的,代表一

10、行.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 b

11、ase 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./

12、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=点

13、数或百分比【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

14、】文件容文字的颜色 - 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=图形文件名

15、 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=连结点之URLarea shape=形状 coords=区域座标

16、列表 href=连结点之URLarea shape=形状 coords=区域座标列表 href=连结点之URLarea 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.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度例：

17、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】调整表格宽度 - wi

18、dth 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.定义栏位1td：靠左对齐2th：靠中对齐粗体【1

19、】水平位置 - 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个中文字二、选项

20、式清单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】工程符号形

21、式 - type ul type=*或li type=* *号可为 disc：实心圆点预设值 circle：空心圆点 square：实心方块【2】原始清单 - plain ul plain【3】清单排列方式 - warp 1清单垂直排列ul warp = vert2清单水平排列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的作用就消失了！表单一、根本架构for

22、m action=处理资料用的CGI程式之URL或mailto:电子信箱的URL method=get或post . . . /form二、输入文件型表单form action=URL method=postinputinput . . /form【1】栏位类型 - type input type=* *号可为 te*t：文字输入 password：密码 checkbo*：多项选择钮 radio：单项选择钮 submit：承受按钮 reset：重设按钮 image：图形钮 hidden：隐藏栏位【2】栏位名称 - name input name=资料栏名 P.S.假设type为submitre

23、set则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

24、：文字对齐图片之顶端 middle：文字对齐图片之中间 buttom：文字对齐图片之底部三、选择式表单form action=URL method=postselectoptionoption . . /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

25、 selected四、多列输入文字区表单form action=URL method=postte*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：表输入的文字在超过栏宽

26、时会自动换行一、连结至其他文件a href=URL说明文字或图片/a二、连结至文件之*一处外部连结1起点a href=档名*名称./a2终点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】以特定视窗显示连结

27、文件 -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

28、/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 no

29、resize详解网页制作中使用的HTML常用标记整份文件处于标记与之间 由至称为开头 只可出现开头局部，所标示的是文件的标题 1、至称文本如： Te*t：设定文字颜色 Link：设定一般文字连接颜色 Alink：设定刚按下时文本连接颜色 Vlink：设定连接后的颜色被按过 Background：设定背景图片，gif或jpg皆可。可以是绝对路径或相对路径。 Bgcolor：设定背景颜色，当已设定背景图片时会失去作用，除非图片有透明局部。 Leftmargin：设定整份文件显示画面的左方边沿空间半径为像素只适用IE Topmargin：设定整份文件显示画面的上方边沿空间半径为像素只适用IE Bgp

30、roperties：固定背景图片，当卷动文字时图片不会跟随卷动只适用IE 2、常用数，如：可选择right(右边)、center(居中)、left(左边) 定值：align=left 3、水平线，如： Align：设定线条摆放位置，可选择right(右边)、center(居中)、left(左边) Size：设定线条厚度，以像素作单位，定为： Width：设定线条长度，可以是绝对值以像素作单位或相对值，定为：100% Color：字体颜色 Noshade：设定线条为平面显示，假设删除则具阴影或立体，定为：noshade4、本身亦受的影响，如： Face：社顶文字的字形，建议不要使用“Window

31、s建字体以外的字形 Size：设定文字大小，其值可以是绝对或相对。不受影响。定为3 Color：字体颜色 5、称为顺序清单标记，所谓顺序清单就是在每一项前面加上1,2,3,等数，又称为编引清单，如： 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 Upp

32、er roman I,II,III, 则用于标示清单项选择项，只适用于非顺序清单，设定符号款式。其值有三种，如： 符号是当前type=disc时的列项符号符号是当前type=disc时的列项符号符号是当前type=disc时的列项符号 Value：只适用于顺序清单，其值只能为：1,2,3,等整数。没有定值。 无序清单标记，如： 符号是当前type=disc时的列项符号符号是当前type=disc时的列项符号符号是当前type=disc时的列项符号6、是一个容器标记，意思是说它用以声明这是表格而且其他表格标记只能在它围才适用，如： Border：表格线宽度 Cellspacing：字体格线距离 Cellpadding：文字与隔线的距离 Align：表格字、画的摆放位置，可用left、center、right Valign：表格字、画的摆放位置(垂直)，可用top、middle、bottom Background：表格背景图片与bgcolor不要同用 Bgcolor：表格底色与background不要同用 Bordercolor：表格边框颜色，NC与IE有不同的效果