html标签特效代码大全Word文档格式.docx

上传人:b****6 文档编号:17265052 上传时间:2022-11-30 格式:DOCX 页数:24 大小:26.44KB
下载 相关 举报
html标签特效代码大全Word文档格式.docx_第1页
第1页 / 共24页
html标签特效代码大全Word文档格式.docx_第2页
第2页 / 共24页
html标签特效代码大全Word文档格式.docx_第3页
第3页 / 共24页
html标签特效代码大全Word文档格式.docx_第4页
第4页 / 共24页
html标签特效代码大全Word文档格式.docx_第5页
第5页 / 共24页
点击查看更多>>
下载资源
资源描述

html标签特效代码大全Word文档格式.docx

《html标签特效代码大全Word文档格式.docx》由会员分享,可在线阅读,更多相关《html标签特效代码大全Word文档格式.docx(24页珍藏版)》请在冰豆网上搜索。

html标签特效代码大全Word文档格式.docx

底线(表示插入文字)

strike>

...v/strike>

横线

s>

/s>

删除线

del>

/del>

删除线(表示删除)

kbd>

/kbd>

键盘文字

tt>

/tt>

打字体

xmp>

/xmp>

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

vplaintext>

/plaintext>

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

vlisting>

/listing>

固定宽度小字体

vfontcolor=OOffOO>

/font>

字体颜色

vfontsize=1>

最小字体

vfontstyle='

font-size:

100px'

/font>

无限增大

区断标记

hr>

水平线

hrsize='

9'

水平线(设定大小)

hrwidth='

80%>

水平线(设定宽度)

hrcolor='

ff0000'

水平线(设定颜色)

br>

(换行)

nobr>

/nobr>

水域(不换行)

水域(段落)

center>

...v/center>

置中

连结格式

vbasehref=位址>

(预设好连结路径)

ahref=位址>

/a>

外部连结

ahref=位址target='

_blank'

外部连结(另开新视窗)

_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=颜色码>

设定表格暗边框的颜色

vtableborderclorlight=颜色码>

设定表格亮边框的颜色

vtablecellpadding=参数>

...v/table>

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

vtablecellspacing=参数>

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

vtablecols=参数>

指定表格的栏数

vtableframe=参数>

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

vtablewidth=宽度>

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

vtableheight=高度>

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

tdcolspan=参数>

...v/td>

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

vtdrowspan=参数>

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

分割视窗

vframesetcols="

20%,*"

左右分割,将左边框架分割大小为20%&

边框架的大小浏览器会自动调整

vframesetrows="

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

分割左右两个框架

20%,*,20%"

分割左中右三个框架

v分割上下两个框架

分割上中下三个框架

属性:

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

例:

cols="

30,*,50%"

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

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

以上两属性尽量不要在同一个vframeset〉标记中,因为王井(netscape)不支持,尽量采用多重分割。

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

border设置框架边框厚度

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

frame元素(单标签)

语法格式:

vframename="

"

src="

url"

scrolling="

yes/no"

noresize〉

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

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

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

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

noframe元素

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

noframe〉v/noframe>

表单<

form>

/form>

vformaction="

method="

get/post"

inputtype=submit>

<

inputtype=reset>

method有两种提交方式get,post

action是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处

里,可设定此参数为action="

mailto:

这样此表单所填的资料将会发送到这个

邮箱地址。

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

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

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

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

--...-->

注解

AHREFTARGET指定超连结的分割视窗

AHREF=锚的名称>

指定锚名称的超连结

AHREF>

指定超连结

ANAME锚的名称>

被连结点的名称

ADDRESS>

....v/ADDRESS用来显示电子由E箱地址

B>

粗体字

vBASETARGET指定超连结的分割视窗

vBASEFONTSIZE更改预设字形大小

vBGSOUNDSR(加入背景音乐

BIG>

显示大字体

BLINK>

闪烁的文字

vBODYTEXTLINKVLINK>

S定文字颜色

BODY>

S示本文

BR>

换行

vCAPTIONALIGNS定表格标题位置

CAPTION>

...v/CAPTION>

为表格加上标题

vCENTER向中对齐

CITE>

...vCITE>

用於引经据典的文字<

CODE>

...v/CODE>

用於列出一段程式码<

COMMENT>

...v/COMMEN加上注解

DD>

设定定义列表的项目解说

DFN>

...v/DFN>

显示"

定义"

文字

DIR>

...v/DIR>

列表文字标签

DL>

...v/DL>

设定定义列表的标签

DT>

设定定义列表的项目

EM>

强调之用

FONTFACE任意指定所用的字形

FONTSIZE>

设定字体大小

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

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

vFRameMARGINHEIGHT定视窗的上下边界

vFRameMARGINWIDT设定视窗的左右边界

vFRameNAME为分割视窗命名

vFRameNORESIZE锁住分割视窗的大小

vFRameSCROLLING设定分割视窗的卷轴

vFRameSRC将HTML档加入视窗vFRameSETCOLS将视窗分割成左右的子视窗vFRameSETROW将视窗分割成上下的子视窗<

FRameSET>

...v/FRameSET划分分割视窗<

H1>

~<

H6>

设定文字大小

HEAD>

fc示文件资讯

HR>

加上分格线<

HTML>

文件的开始与结束

I>

斜体字

vIMGALIGN〉调整图形影像的位置

vIMGALT>

为你的图形影像加注

IMGDYNSRCLOOP®

入影片

IMGHEIGHTWIDTH插入图片并预设图形大小

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

IMGLOWSRC预载图片功能

IMGSRCBORDERS定图片边界

IMGSRC>

插入图片

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

vINPUTTYPENAMEvalue〉在表单中加入输入栏位

vlSINDEX>

定义查询用表单

KBD>

...v/KBD>

表示使用者输入文字

LITYPE>

/LI>

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

vMARQUEE跑马灯效果

MENU>

...v/MENU>

条列文字标签

vmetaNAME="

REFRESH"

CONTENTU自动更新文件内容

MULTIPLE>

可同时选择多项的列表栏

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

OL>

/OL>

有序号的列表

OPTION>

定义表单中列表栏的项目<

PALIGN>

设定对齐方向

P>

分段<

PERSON>

...v/PERSON显示人名

PRE>

使用原有排列

SAMP>

...v/SAMP>

用於引用字

vselect>

/select>

在表单中定义列表栏

SMALL>

显示小字体

STRIKE>

文字加横线

vSTRONG用於加强语气

SUB>

下标字

SUP>

上标字

vTABLEBORDER=rW整表格的宽线高度

vTABLECELLPADDING调整资料栏位之边界

vTABLECELLSPACING调整表格线的宽度

vTABLEHEIGHT碉整表格的高度

vTABLEWIDTH:

调整表格的宽度<

TABLE>

/TABLE>

产生表格的标签

TDALIGN>

调整表格栏位之左右对齐

TDBGCOLORS:

定表格栏位之背景颜色

TDCOLSPANROWSPA表格栏位的合并

TDNOWRAP设定表格栏位不换行

TDVALIGN>

调整表格栏位之上下对齐

TDWIDTH〉调整表格栏位宽度

TD>

/TD>

定义表格的资料栏位vTEXTAREANAMEROWSCC表单中加入多少列的文字输入栏vTEXTAREAWRA决定文字输入栏是自动否换行<

TH>

...v/TH>

定义表格的标头栏位

TITLE>

文件标题

TR>

/TR>

定义表格美一行

TT>

打字机字体

U>

文字加底线

ULTYPE>

...v/UL>

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

var>

...v/var>

用於显示变数

BlockQuotc文本缩进

表示颜色的有三种方式;

1,16进制颜色代码

语法:

#RRGGBB

vfontcolor="

#ffOOOO"

红色v/font>

2,10进制9RGBS

RGB(RRRGGGBBB

rgb(255,000,000)"

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

red"

红色<

body>

..…<

/body>

属性可分为三种:

1,背景属性

包括:

bgcolor,background

2,文字属性:

text,link,alink,vlink.

3,留白属性:

其中分为:

leftmargin,topmargin

.bgcolor背景色

vbodybgcolor="

.background背景图案。

vbodybackground="

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

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

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

.vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色)语法格式:

vbodytext="

color"

link="

alink="

vlink="

.leftmargin页面左侧的留白距离

.topmargin页面顶部的留白距离

vbodyleftmargin="

value"

topmargin="

注:

value为长度值为数字

align属性

h2align="

?

文字<

/h2>

其属性有三种:

left靠左,center居中,right靠右

〈P>

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

br>

为换行标记

nobr>

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

例:

h3>

江南逢李龟年<

/h3>

歧王宅里寻常见<

催九堂前几度闻<

正是江南好风景<

落花时节又逢君

v/body>

预格式化:

vpre>

/pre>

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

列表

1无序列表又称符号列表

ultype="

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

方框

li>

/li>

/ul>

2有序列表

oltype="

start"

/ol>

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

start为起始值例:

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

3定义列表<

dl>

定义列表标记

dt>

标示定义条目<

dd>

标示定义内容

/dt>

文字内容<

/dd>

v/dl>

连接和图像

ahref="

name="

target="

title="

....v/a>

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

...v/a>

或者

锚点"

name连接名称

aname="

锚点名称"

abcdcf"

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

aname="

#abcdef"

target目标窗口语法格式:

target="

_blank|_self|_farent|_top|windowname"

-blank打开新窗口

_self当前窗口打开

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

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

_top在最高一级的窗口打开windowname已命名的窗口或框架中打开连接

title连接提示

打开中国教程网的首页"

中国教程网<

图像<

img>

imgsrc="

alt="

width二"

height="

border="

align="

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

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

vimgsrc="

align"

可选值有:

top图片和文字顶部对齐

middle图片和文字居中对齐

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

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

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

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

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

文字的排版

不换行空白标记

font元素

vfontface="

字体名称"

size="

字体大小"

color="

字体颜色"

字体大小可选值为17,默认为3

〈fontface="

黑体”size="

4"

color="

#ff00ff"

....v/font>

水平线<

水平

hrwidth="

宽度”align="

对齐方式默认居中center"

size="

线厚度默认为2"

颜色"

noshade>

noshade无阴影,既实线

层〈div>

span>

两种元素

div>

是块级元素,和段落元素

相似,不同的是两个<

元素之间不会产生两个

元素之间的空行,

span>

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

divalign="

style="

...v/div>

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

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

兼容性比<

要好一点,最好使用<

表格语法格式:

vtablewidth二"

bgcolor二"

background="

border二"

cellspacing="

cellpadding="

tr>

td>

....v/td>

....v/tr>

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

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

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

tr元素

tralign="

”bgcolor="

....<

/tr>

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

left,center,tight,默认为left

bgcolor指定该行的背景颜色

td元素

tdwidth="

宽度"

height="

高度"

align="

水平对齐方式"

valign="

垂直对齐方式"

bgcolor="

background二"

rowspan="

单元格的行跨度"

colapan="

单元格

的列跨度"

••…<

/td>

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复选框名称

value内部值checked默认选定

reset重置按钮

submit确定按钮

name按钮名称

value显示在按钮上的文字

password密码框

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

file文件域

name文件域名称

size文件域的长度

maxlength文件域可接受的字符数量的上限

hidden隐藏域

name隐藏域名称

value内定值

image图片域

或其他.

name所要代表的按钮,可以是submit,reset,

src按钮图片的url地址

列表框<

select>

v/select>

select元素

selectname="

multiple>

name指定列表框的名字

size指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框

multiple指定了这个参数,则表示该列表框可选择多项,否则只可选择一项

option属性

voptionvalue="

selected>

/option>

value该列表项的值

selected如果设定了这个参数,默认为选定这一项

多行文本框<

tex

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

当前位置:首页 > 高中教育 > 初中教育

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

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