HTML代码属性对照表Word文档下载推荐.docx

上传人:b****3 文档编号:16444470 上传时间:2022-11-23 格式:DOCX 页数:25 大小:25.94KB
下载 相关 举报
HTML代码属性对照表Word文档下载推荐.docx_第1页
第1页 / 共25页
HTML代码属性对照表Word文档下载推荐.docx_第2页
第2页 / 共25页
HTML代码属性对照表Word文档下载推荐.docx_第3页
第3页 / 共25页
HTML代码属性对照表Word文档下载推荐.docx_第4页
第4页 / 共25页
HTML代码属性对照表Word文档下载推荐.docx_第5页
第5页 / 共25页
点击查看更多>>
下载资源
资源描述

HTML代码属性对照表Word文档下载推荐.docx

《HTML代码属性对照表Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《HTML代码属性对照表Word文档下载推荐.docx(25页珍藏版)》请在冰豆网上搜索。

HTML代码属性对照表Word文档下载推荐.docx

strike>

/strike>

横线

s>

/s>

删除线

del>

/del>

删除线(表示删除)

kbd>

/kbd>

键盘文字

tt>

/tt>

打字体

xmp>

/xmp>

固定宽度字体(在文件中空白、换行、定位功能有效)

plaintext>

/plaintext>

固定宽度字体(不执行标记符号)

listing>

/listing>

固定宽度小字体

fontcolor=00ff00>

/font>

字体颜色

fontsize=1>

最小字体

fontstyle=’font-size:

100px’>

无限增大

区断标记

hr>

水平线

hrsize=’9’>

水平线(设定大小)

hrwidth=’80%’>

水平线(设定宽度)

hrcolor=’ff0000’>

水平线(设定颜色)

br>

(换行)

nobr>

/nobr>

水域(不换行)

p>

/p>

水域(段落)

center>

/center>

置中

连结格式

basehref=位址>

(预设好连结路径)

ahref=位址>

/a>

外部连结

ahref=位址target=’_blank’>

外部连结(另开新视窗)

ahref=位址target=’_top’>

外部连结(全视窗连结)

ahref=位址target=’页框名’>

外部连结(在指定页框连结)

贴图/音乐

imgsrc=图片位址>

贴图

imgsrc=图片位址width=’180’>

设定图片宽度

imgsrc=图片位址height=’30’>

设定图片高度

imgsrc=图片位址alt=’提示文字’>

设定图片提示文字

imgsrc=图片位址’border=’1’>

设定图片边框

bgsoundsrc=MID音乐档位址>

背景音乐设定

表格语法

tablealing=left>

/table>

表格位置,置左

tablealing=center>

表格位置,置中

tablebackground=图片路径>

背景图片的URL=就是路径网址

tableborder=边框大小>

设定表格边框大小(使用数字)

tablebgcolor=颜色码>

设定表格的背景颜色

tableborderclor=颜色码>

设定表格边框的颜色

tableborderclordark=颜色码>

设定表格暗边框的颜色

tableborderclorlight=颜色码>

设定表格亮边框的颜色

tablecellpadding=参数>

指定内容与格线之间的间距(使用数字)

tablecellspacing=参数>

指定格线与格线之间的距离(使用数字)

tablecols=参数>

指定表格的栏数

tableframe=参数>

设定表格外框线的显示方式

tablewidth=宽度>

指定表格的宽度大小(使用数字)

tableheight=高度>

指定表格的高度大小(使用数字)

tdcolspan=参数>

/td>

指定储存格合并栏的栏数(使用数字)

tdrowspan=参数>

指定储存格合并列的列数(使用数字)

分割视窗

framesetcols="

20%,*"

左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

framesetrows="

上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

分割左右两个框架

20%,*,20%"

分割左中右三个框架

分割上下两个框架

分割上中下三个框架

属性:

cols垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用余下空间)数值的个数代表分成的部分数目,要以逗号分隔。

例:

cols="

30,*,50%"

可以切成三个视窗,第一部分是30像素(pixels)为绝对分割,第二部分是当分配完第一和第三视图后剩下的空间,第三部分则占整个窗口的50%宽度,为相对分割。

rows就是横向切割,将窗口上下分开,数值设置同上。

以上两属性尽量不要在同一个<

frameset>

标记中,因为王井(netscape)不支持,尽量采用多重分割。

frameborder设置框架的边框,其值有0不要边框,1要边框。

border设置框架边框厚度

framespacing表示框架与框架间保留空白的距离

frame元素(单标签)

语法格式:

framename="

"

src="

url"

scrolling="

yes/no"

noresize>

name框架名称,指定框架来做连接的目标窗口。

src框架中要显示的网页文当url地址,每个个框架要对应一个html文挡。

scrolling是否显示滚动条,yes/no,auto是自动。

noresize设置不让使用者改变这个框架的大小,

noframe元素

指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息

noframe>

......

/noframe>

表单<

form>

/form>

formaction="

method="

get/post"

....

inputtype=submit>

inputtype=reset>

method有两种提交方式get,post

action是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处里,可设定此参数为action="

mailto:

lwr8494@"

这样此表单所填的资料将会发送到这个邮箱地址。

method是指传送信息给cgi等网络程序的方式。

可选post方法,get方法,post方法容许传送大量信息。

get方法只接受低于1k的信息。

申请表单用的是post搜索引擎用的是get

--...-->

注解

AHREFTARGET>

指定超连结的分割视窗

AHREF=#锚的名称>

指定锚名称的超连结

AHREF>

指定超连结

ANAME=锚的名称>

被连结点的名称

ADDRESS>

....<

/ADDRESS>

用来显示电子邮箱地址

B>

粗体字

BASETARGET>

BASEFONTSIZE>

更改预设字形大小

BGSOUNDSRC>

加入背景音乐

BIG>

显示大字体

BLINK>

闪烁的文字

BODYTEXTLINKVLINK>

设定文字颜色

BODY>

显示本文

BR>

换行

CAPTIONALIGN>

设定表格标题位置

CAPTION>

/CAPTION>

为表格加上标题

CENTER>

向中对齐

CITE>

用於引经据典的文字

CODE>

/CODE>

用於列出一段程式码

COMMENT>

/COMMENT>

加上注解

DD>

设定定义列表的项目解说

DFN>

/DFN>

显示"

定义"

文字

DIR>

/DIR>

列表文字标签

DL>

/DL>

设定定义列表的标签

DT>

设定定义列表的项目

EM>

强调之用

FONTFACE>

任意指定所用的字形

FONTSIZE>

设定字体大小

FORMACTION>

设定户动式表单的处理方式

FORMMETHOD>

设定户动式表单之资料传送方式

FRameMARGINHEIGHT>

设定视窗的上下边界

FRameMARGINWIDTH>

设定视窗的左右边界

FRameNAME>

为分割视窗命名

FRameNORESIZE>

锁住分割视窗的大小

FRameSCROLLING>

设定分割视窗的卷轴

FRameSRC>

将HTML档加入视窗

FRameSETCOLS>

将视窗分割成左右的子视窗

FRameSETROWS>

将视窗分割成上下的子视窗

FRameSET>

/FRameSET>

划分分割视窗

H1>

~<

H6>

设定文字大小

HEAD>

标示文件资讯

HR>

加上分格线

HTML>

文件的开始与结束

I>

斜体字

IMGALIGN>

调整图形影像的位置

IMGALT>

为你的图形影像加注

IMGDYNSRCLOOP>

加入影片

IMGHEIGHTWIDTH>

插入图片并预设图形大小

IMGHSPACE>

插入图片并预设图形的左右边界

IMGLOWSRC>

预载图片功能

IMGSRCBORDER>

设定图片边界

IMGSRC>

插入图片

IMGVSPACE>

插入图片并预设图形的上下边界

INPUTTYPENAMEvalue>

在表单中加入输入栏位

ISINDEX>

定义查询用表单

KBD>

/KBD>

表示使用者输入文字

LITYPE>

/LI>

列表的项目(可指定符号)

MARQUEE>

跑马灯效果

MENU>

/MENU>

条列文字标签

metaNAME="

REFRESH"

CONTENTURL>

自动更新文件内容

MULTIPLE>

可同时选择多项的列表栏

NOFRame>

定义不出现分割视窗的文字

OL>

/OL>

有序号的列表

OPTION>

定义表单中列表栏的项目

PALIGN>

设定对齐方向

P>

分段

PERSON>

/PERSON>

显示人名

PRE>

使用原有排列

SAMP>

/SAMP>

用於引用字

select>

/select>

在表单中定义列表栏

SMALL>

显示小字体

STRIKE>

文字加横线

STRONG>

用於加强语气

SUB>

下标字

SUP>

上标字

TABLEBORDER=n>

调整表格的宽线高度

TABLECELLPADDING>

调整资料栏位之边界

TABLECELLSPACING>

调整表格线的宽度

TABLEHEIGHT>

调整表格的高度

TABLEWIDTH>

调整表格的宽度

TABLE>

/TABLE>

产生表格的标签

TDALIGN>

调整表格栏位之左右对齐

TDBGCOLOR>

设定表格栏位之背景颜色

TDCOLSPANROWSPAN>

表格栏位的合并

TDNOWRAP>

设定表格栏位不换行

TDVALIGN>

调整表格栏位之上下对齐

TDWIDTH>

调整表格栏位宽度

TD>

/TD>

定义表格的资料栏位

TEXTAREANAMEROWSCOLS>

表单中加入多少列的文字输入栏

TEXTAREAWRAP>

决定文字输入栏是自动否换行

TH>

/TH>

定义表格的标头栏位

TITLE>

文件标题

TR>

/TR>

定义表格美一行

TT>

打字机字体

U>

文字加底线

ULTYPE>

/UL>

无序号的列表(可指定符号)

var>

/var>

用於显示变数

BlockQuotc文本缩进

表示颜色的有三种方式;

1,16进制颜色代码

语法:

#RRGGBB

fontcolor="

#ff0000"

红色<

2,10进制RGB码

RGB(RRR,GGG,BBB)

rgb(255,000,000)"

3,直接用颜色的英文名称

red"

body>

.....<

/body>

属性可分为三种:

1,背景属性

包括:

bgcolor,background

2,文字属性:

text,link,alink,vlink,

3,留白属性:

其中分为:

leftmargin,topmargin

.bgcolor背景色

bodybgcolor="

.background背景图案。

bodybackground="

.text文本颜色(非连接文字颜色)

.link连接文字颜色(可连接文字颜色)

.alink活动连接文字颜色(正被点击的可连接文字的颜色)

.vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色)

bodytext="

color"

link="

alink="

vlink="

.leftmargin页面左侧的留白距离

.topmargin页面顶部的留白距离

bodyleftmargin="

value"

topmargin="

注:

value为长度值为数字

align属性

h2align="

?

文字<

/h2>

其属性有三种:

left靠左,center居中,right靠右

〈p〉<

为段落标记,可利用以上属性对整个段落进行设置

〈br>

为换行标记

为不换行标记放在文字两边即可

h3>

江南逢李龟年<

/h3>

歧王宅里寻常见<

催九堂前几度闻<

正是江南好风景<

落花时节又逢君<

预格式化:

pre>

......<

/pre>

浏览是效果和编写是效果格式一样

列表

1无序列表又称符号列表

ultype="

type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框

li>

/li>

/ul>

2有序列表

oltype="

start"

/ol>

type的值是编号字符可选的有1...,a...,A...,i...,I...

start为起始值例:

如果start为3是那么将从3开始,而且必须是数字。

3定义列表

dl>

定义列表标记

dt>

标示定义条目

dd>

标示定义内容

/dt>

文字内容<

/dd>

/dl>

连接和图像

ahref="

name="

target="

title="

href连接目标值可以是url地址也可以是连接锚点

或者

锚点"

name连接名称

aname="

锚点名称"

abcdcf"

连接到该锚点的连接则应是:

#abcdef"

target目标窗口语法格式:

target="

_blank|_self|_farent|_top|windowname"

-blank打开新窗口

_self当前窗口打开

一下两个仅在框架叶面中应用

_parent当前窗口的父级窗口(上一级)打开

_top在最高一级的窗口打开

windowname已命名的窗口或框架中打开连接

title连接提示

打开狂人部落的首页"

狂人部落<

图像<

img>

语法格式:

imgsrc="

alt="

width="

height="

border="

align="

border属性定义图片边框的宽度,默认值为0

align属性设置图片旁边文字的位置

align"

可选值有:

top图片和文字顶部对齐

middle图片和文字居中对齐

bottom图片和文字底边对齐(默认)

left图片居左对齐,文字沿图片绕排

right图片居右对齐,文字沿图片绕排

absmiddle图片对齐到目前文字行绝对中央

absbottom图片对齐到目前文字行绝对底部

文字的排版

不换行空白标记

font元素

fontface="

字体名称"

size="

字体大小"

color="

字体颜色"

字体大小可选值为1——7,默认为3

〈fontface="

黑体"

4"

#ff00ff"

水平线<

hrwidth="

宽度"

对齐方式默认居中center"

水平线厚度默认为2"

颜色"

noshade>

noshade无阴影,既实线

层〈div>

span>

两种元素

div>

是块级元素,和段落元素<

相似,不同的是两个<

元素之间不会产生两个<

元素之间的空行,

是行内元素,可以定义段落中部分文字的属性

divalign="

style="

/div>

align设置层中元素的水平对齐方式

stule设置元素应用css规范的属性

兼容性比<

要好一点,最好使用<

表格语法格式:

tablewidth="

bgcolor="

background="

cellspacing="

cellpadding="

tr>

td>

/tr>

border边框宽度默认值为0,既没有边框

cellspacing表格中单元格的边距大小,默认值为两个像素

cellpadding表格中单元格之间的间距大小,默认值为两个像素

tr元素

tralign="

align属性对齐方式可选值如下:

left,center,tight,默认为left

bgcolor指定该行的背景颜色

td元素

tdwidth="

高度"

水平对齐方式"

valign="

垂直对齐方式"

rowspan="

单元格的行跨度"

colapan="

单元格的列跨度"

align属性的可选值有:

left,center,right

valign属性的可选值有:

top,middle,bottom

rowspan和colapan跨行和跨列的数量,默认为1

input元素语法格式:

inputtype="

type属性的可选值有:

text单行文本框

name文本框名称

value文本框的初始值

size文本框的长度

maxlength可输入字符串最大的长度

radio单选框

name单选框名称

value内部值

checked默认选定

checkbox复选框

name复选框名称

reset重置按钮

submit确定按钮

name按钮名称

value显示在按钮上的文字

password密码框

属性与文本框的属性完全相同

file文件域

name文件域名称

size文件域的长度

maxlength文件域可接受的字

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 工程科技 > 纺织轻工业

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1