html标签属性大全总结Word格式.docx
- 文档编号:18364989
- 上传时间:2022-12-15
- 格式:DOCX
- 页数:28
- 大小:51.63KB
html标签属性大全总结Word格式.docx
《html标签属性大全总结Word格式.docx》由会员分享,可在线阅读,更多相关《html标签属性大全总结Word格式.docx(28页珍藏版)》请在冰豆网上搜索。
...v/ins>
底线(表示插入文字)
vstrike>
...v/strike>
横线
vs>
...v/s>
删除线
vdel>
...v/del>
删除线(表示删除)
vkbd>
...v/kbd>
键盘文字
vtt>
...v/tt>
打字体
vxmp>
...v/xmp>
固定宽度字体(在文件中空白、换行、定位功能有效)
vplaintext>
...v/plaintext>
固定宽度字体(不执行标记符号)
vlisting>
...v/listing>
固定宽度小字体
vfontcolor=00ff00>
...v/font>
字体颜色
vfontsize=1>
...v/font>
最小字体
vfontstyle='
font-size:
100px'
无限增大
区断标记
vhr>
水平线
vhrsize='
9'
水平线(设定大小)
hrwidth='
80%'
水平线(设定宽度)
hrcolor='
ff0000'
水平线(设定颜色)
br>
(换行)
vnobr>
...v/nobr>
水域(不换行)
p>
...<
/p>
水域(段落)
center>
...v/center>
置中
v!
连结格式
basehref=位址>
(预设好连结路径)
a阡6£
=位址>
/a>
外部连结
=位址target='
_blank'
/a>
外部连结(另开新视窗)
_top'
外部连结(全视窗连结)
ahref=B址target='
页框名’>
外部连结(在指定页框连结)
贴图/音乐
imgsrc二图片位址〉贴图
width='
180'
设定图片宽度height='
30'
设定图片高度
alt='
提示文字’>
设定图片提示文字
border='
1'
设定图片边框
imgsrc=图片位址
imgsrc二图片位址’<
bgsoundsrc=MID音乐档位址>
背景音乐设定
表格语法
tablealing=left>
...v/table>
表格位置,置左
tablealing=center>
...v/table^格位置,置中
tablebackground=5片路径>
/table>
背景图片的URL=就是路径网址
tableborder=i框大小>
设定表格边框大小(使用数字)
tablebgcolor=颜色码>
设定表格的背景颜色
tableborderclor=R色码>
设定表格边框的颜色
tableborderclordark=R色码>
设定表格暗边框的颜色
tableborderclorlight=颜色码>
设定表格亮边框的颜色
tablecellpadding=参数>
指定内容与格线之间的间距(使用数字)
tablecellspacing=参数>
指定格线与格线之间的距离(使用数字)
tablecols=#数>
指定表格的栏数
tableframe=参数>
设定表格外框线的显示方式
tablewidth=宽度>
指定表格的宽度大小(使用数字)
tableheight^度>
指定表格的高度大小(使用数字)
tdcolspan=参数>
/td>
指定储存格合并栏的栏数(使用数字)
tdrowspan=参数>
指定储存格合并列的列数(使用数字)分割视窗
framesetcols="
20%,*"
左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
framesetrows="
上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
vframesetcols="
分割左右两个框架
20%,*,20%"
分割左中右三个框架
分割上下两个框架
vframesetrows="
分割上中下三个框架
属性:
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元素
指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息
vnoframe>
v/noframe〉
表单vformx/form>
vformaction="
method="
get/post"
〉vinputtype=submit>
vinputtype=reset>
v/form>
method有两种提交方式get,post
action是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处里,可设定此
参数为action="
mailto:
lwr8494@"
这样此表单所填的资料将会发送到这个邮箱地址。
method是指传送信息给cgi等网络程序的方式。
可选post方法,get方法,post方法容许传送大量信息。
get方法只接受低于1k的信息。
申请表单用的是Post搜索引擎用的是get
--...-->
注解
AHREFTARGET〉指定超连结的分割视窗
AHREF=#锚的名称〉指定锚名称的超连结
AHREF>
指定超连结
ANAME=锚的名称〉被连结点的名称
vADDRESS>
....v/ADDRESS>
用来显示电子由E箱地址
B>
粗体字
VBASETARGET>
指定超连结的分割视窗
VBASEFONTSIZE〉更改预设字形大小vBGSOUNDSRC>
力卩入背景音乐vBIG>
显示大字体vBLINK>
闪烁的文字
BODYTEXTLINKVLINK>
设定文字颜色
BODY>
显示本文
BR>
换行
CAPTIONALIGN>
设定表格标题位置
CAPTION>
..v/CAPTION>
为表格加上标题<
CENTER>
向中对齐
CITE>
用於引经据典的文字<
CODE>
/CODE>
用於列出一段程式码<
COMMENT>
/COMMENT>
加上注解
DD>
设定定义列表的项目解说
DFN>
/DFN>
显示"
定义"
文字<
DIR>
/DIR>
列表文字标签<
DL>
/DL>
设定定义列表的标签
DT>
设定定义列表的项目
EM>
强调之用
VFONTFACE>
任意指定所用的字形
FONTSIZE>
设定字体大小
VFORMACTION>
设定户动式表单的处理方式
VFORMMETHOD>
设定户动式表单之资料传送方式vFRameMARGINHEIGHT>
设定视窗的上下边界vFRameMARGINWIDTH>
设定视窗的左右边界
VFRameNAME>
为分割视窗命名
VFRameNORESIZE>
锁住分害U视窗的大小
VFRameSCROLLING>
设定分割视窗的卷轴
VFRameSRC>
将HTML档加入视窗vFRameSETCOLS>
将视窗分割成左右的子视窗vFRameSETROWS>
将视窗分割成上下的子视窗vFRameSET>
...v/FRameSET>
划分分割视窗vH1>
~vH6>
设定文字大小vHEAD>
标示文件资讯
vHR>
加上分格线
vHTML>
文件的开始与结束
vI>
斜体字
VIMGALIGN>
调整图形影像的位置
VIMGALT>
为你的图形影像加注
VIMGDYNSRCLOOP〉加入影片
VIMGHEIGHTWIDTH>
插入图片并预设图形大小
VIMGHSPACE>
插入图片并预设图形的左右边界
VIMGLOWSRC>
预载图片功能
VIMGSRCBORDER>
设定图片边界
VIMGSRC>
插入图片
VIMGVSPACE>
插入图片并预设图形的上下边界VINPUTTYPENAMEvalue〉在表单中加入输入栏位vlSINDEX>
定义查询用表单vKBD>
...v/KBD>
表示使用者输入文字<
LITYPE>
...v/LI>
列表的项目(可指定符号)<
MARQUEE>
跑马灯效果vMENU>
...v/MENU>
条列文字标签<
metaNAME="
REFRESH"
CONTENTURL>
自动更新文件内容<
MULTIPLE>
可同时选择多项的列表栏vNOFRame>
定义不出现分割视窗的文字vOL>
..v/OL>
有序号的列表
VOPTION>
定义表单中列表栏的项目
VPALIGN〉设定对齐方向
P>
分段
VPERSON>
/PERSON〉显示人名
VPRE>
使用原有排列
VSAMP>
..<
/SAMP>
用於引用字
vselect>
/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
vfontcolor="
#ffOOOO"
红色v/font>
2,10进希yRGB码
RGB(RRR,GGG,BBB)
rgb(255,000,000)"
3,直接用颜色的英文名称
red"
vbody>
..…v/body>
S性可分为三种:
1,背景属性
包括:
bgcolor,background
2,文字属性:
text,link,alink,vlink,
3,留白属性:
其中分为:
leftmargin,topmargin
.bgcolor背景色
vbodybgcolor="
#ff0000"
.background背景图案。
vbodybackground="
.text文本颜色(非连接文字颜色)
.link连接文字颜色(可连接文字颜色)
.alink活动连接文字颜色(正被点击的可连接文字的颜色)
.vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色)
vbodytext="
color"
link="
alink="
vlink="
.leftmargin页面左侧的留白距离
.topmargin页面顶部的留白距离
vbodyleftmargin="
value"
topmargin="
〉注:
value为长度值为数字
align属性
vh2align="
?
文字v/h2>
其属性有三种:
left靠左,center居中,right靠右
〈p〉v/p>
为段落标记,可利用以上属性对整个段落进行设置
〈br>
为换行标记
vnobrx/nobr>
为不换行标记放在文字两边即可
例:
vbody>
vh3>
江南逢李龟年v/h3>
vp>
歧王宅里寻常见vbr>
催九堂前几度闻vbr>
正是江南好风景vbr>
落花时节又逢君v/p>
v/body>
预格式化:
vpre>
……v/pre>
浏览是效果和编写是效果格式一样
列表
1无序列表又称符号列表
vultype="
type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框
vli>
文字v/li>
文字<
/li>
/ul>
2有序列表
oltype="
start"
〉
li>
/ol>
type的值是编号字符可选的有1...,a...,A...,i...,1...
start为起始值例:
如果start为3是那么将从3开始,而且必须是数字。
3定义列表
dl>
定义列表标记
dt>
标示定义条目
dd>
标示定义内容
/dt>
文字内容v/dd>
/dl>
连接和图像
ahref="
name="
target="
title="
....<
href连接目标值可以是url地址也可以是连接锚点
...v/a>
或者
锚点"
name连接名称
vaname-锚点名称"
<
aname="
abcdcf"
连接到该锚点的连接则应是:
aname="
#abcdef"
....v/a>
target目标窗口语法格式:
target="
_blank|_self|_farent|_top|windowname"
-blank打开新窗口
_self当前窗口打开
一下两个仅在框架叶面中应用
_parent当前窗口的父级窗口(上一级)打开
_top在最高一级的窗口打开
windowname已命名的窗口或框架中打开连接
title连接提示
title-"
打开狂人部落的首页"
狂人部落v/a>
图像vimg>
vimgsrc="
alt-"
width-"
height-"
border-"
align="
border属性定义图片边框的宽度,默认值为0
align属性设置图片旁边文字的位置
vimgsrc-"
align"
可选值有:
top图片和文字顶部对齐
middle图片和文字居中对齐
bottom图片和文字底边对齐(默认)
left图片居左对齐,文字沿图片绕排
right图片居右对齐,文字沿图片绕排absmiddle图片对齐到目前文字行绝对中央absbottom图片对齐到目前文字行绝对底部文字的排版
不换行空白标记
font元素
vfontface="
字体名称"
size="
字体大小"
color="
字体颜色"
字体大小可选值为17,默认为3
〈fontface="
黑体"
4"
color="
#ffOOff"
....v/font>
水平线vhr>
vhrwidth="
宽度"
align="
对齐方式默认居中center"
size="
水平线厚度默认为2"
颜色"
noshade>
noshade无阴影,既实线
层〈div>
span>
两种元素
div>
是块级元素,和段落元素vp>
相似,不同的是两个<
元素之间不会产生两个vp>
元素之间的空行,
是行内元素,可以定义段落中部分文字的属性语法格式:
divalign="
style="
/div>
align设置层中元素的水平对齐方式
stule设置元素应用css规范的属性
兼容性比vspan^好一点,最好使用<
表格语法格式:
tablewidth="
bgcolor="
background="
border="
cellspadng="
cellpadding="
vtr>
...vtd>
....v/td>
....v/tr>
border边框宽度默认值为0,既没有边框cellspacing表格中单元格的边距大小,默认值为两个像素cellpadding表格中单元格之间的间距大小,默认值为两个像素tr元素
tralign="
/tr>
align属性对齐方式可选值如下:
left,center,tight,默认为left
bgcolor指定该行的背景颜色
td兀素
tdwidth="
height="
高度"
水平对齐方式"
valign="
垂直对齐方式"
bgcolor="
rowspan="
单元格的行跨度"
colapan="
单元格的列跨度"
.....<
align属性的可选值有:
left,centerjightvalign属性的可选值有:
top,middle,bottom
rowspan和colapan跨行和跨列的数量,默认为1input元素语法格式:
vinputtype="
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地址
列表框vselect〉
vselect>
voption>
/option>
v/select>
select元素
vselectname="
multiple>
v/select>
name指定列表框的名字
size指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是拉列表框
multiple指定了这个参数,则表示该列表框可选择多项,否则只可选择一项
option属性
voptionvalue="
selected>
/option>
value该列表项
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html 标签 属性 大全 总结