html标签特效代码大全Word文档格式.docx
- 文档编号:17265052
- 上传时间:2022-11-30
- 格式:DOCX
- 页数:24
- 大小:26.44KB
html标签特效代码大全Word文档格式.docx
《html标签特效代码大全Word文档格式.docx》由会员分享,可在线阅读,更多相关《html标签特效代码大全Word文档格式.docx(24页珍藏版)》请在冰豆网上搜索。
底线(表示插入文字)
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
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html 标签 特效代码 大全
![提示](https://static.bdocx.com/images/bang_tan.gif)