html标签属性大全完美版 修改01Word文档下载推荐.docx
- 文档编号:7903682
- 上传时间:2023-05-09
- 格式:DOCX
- 页数:26
- 大小:36.25KB
html标签属性大全完美版 修改01Word文档下载推荐.docx
《html标签属性大全完美版 修改01Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《html标签属性大全完美版 修改01Word文档下载推荐.docx(26页珍藏版)》请在冰点文库上搜索。
/em>
斜体字(强调)
dfn>
/dfn>
斜体字(表示定义)
u>
/u>
底线
ins>
/ins>
底线(表示插入文字)
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>
iframe>
标签
iframe是个内联框架,是在页面里生成个内部框架
/iframe>
属性frameborder
{int}:
是否显示框架的边框;
src
{URL}:
指定一个资源(如网页、图片)的uri;
scrolling
{boolean}:
是否显示框架的滚动条;
width
定义iframe的宽度;
height
定义iframe的高度;
示例<
body>
h3>
HTML标签演示<
/h3>
iframesrc=1.1-ShowHtml.htm>
/body>
表单<
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
input元素语法格式:
inputtype="
{无结束标签}
type属性的可选值有:
text单行文本框
name文本框名称
value文本框的初始值
size文本框的长度
maxlength可输入字符串最大的长度
radio单选框
name单选框名称
value内部值
checked默认选定
checkbox复选框
name复选框名称
reset重置按钮
submit确定按钮
name按钮名称
value显示在按钮上的文字
password密码框
属性与文本框的属性完全相同
file文件域
name文件域名称
size文件域的长度
maxlength文件域可接受的字符数量的上限
hidden隐藏域
name隐藏域名称
value内定值
image图片域
name所要代表的按钮,可以是submit,reset,或其他.
src按钮图片的url地址
列表框<
select>
.....
option>
....<
/option>
/select>
select元素
selectname="
size="
multiple>
name指定列表框的名字
size指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框
multiple指定了这个参数,则表示该列表框可选择多项,否则只可选择一项
option属性
optionvalue="
selected>
value该列表项的值
selected如果设定了这个参数,默认为选定这一项
多行文本框<
textarea>
textareaname="
cols="
rows="
wrap="
off/physical/virtual"
/textarea>
name文本框的名称
cols文本框的宽度
rows文本框的高度
wrap文本框的折行方式可选值有:
off不保存换行信息
physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出,
virtual送出连续成串的字除非使用者按回车。
表示颜色的有三种方式;
1,16进制颜色代码
语法:
#RRGGBB
fontcolor="
#ff0000"
红色<
2,10进制RGB码
RGB(RRR,GGG,BBB)
rgb(255,000,000)"
3,直接用颜色的英文名称
red"
.....<
属性可分为三种:
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>
为换行标记
为不换行标记放在文字两边即可
江南逢李龟年<
歧王宅里寻常见<
催九堂前几度闻<
正是江南好风景<
落花时节又逢君<
预格式化:
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="
字体名称"
字体大小"
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
css层叠样式表
引入层叠样式表的方法包括:
外联式样式表
head>
linkrel="
stylesheet"
href="
/css/default.css"
/head>
/html>
rel用来说明<
link>
元素在这里要完成的任务是连接一个独立的css文件。
而href属性给出了所要连接css文件的url地址
内嵌式样式表:
html>
styletype="
text/css"
--
td{font:
9pt;
color:
red}
.font105{font:
10.5pt;
blue}
-->
/style>
元素内定
格式:
pstyle="
font-size:
10.5pt"
导入式样式表
〈html>
@importurl(css/home.css);
css的优先级
越接近目标的样式定义优先级越高,高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义
如果4种样式表对同一元素定义了不同的样式,那么他们的优先级顺序从高到低是,元素内定,内嵌样式表,导入样式表,外联样式表。
css结构
td{font-size:
#666666}
css样式包含两个基础部分,
选择符<
和声明{font-size:
声明也有两部分组成:
属性font-size,color和值10.5pt,#666666
选择符分为6种
1元素选择符
当页面上多个元素的样式相同时,可以将多个元素放在一起定义,中间以逗号分开例:
td,p,li,input,select{font-size:
12px;
}
2class(类)选择符
〈head>
title>
/title>
.red{font-size:
#ff0000}
#ffffff"
pclass="
士大夫井冈山地方官<
九连环离开计划<
还有一种方法就是限定可以应用它的页面元素
h1.red{color:
/styl
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html标签属性大全完美版 修改01 html 标签 属性 大全 完美 修改 01