HTML标签分类及其属性文档格式.docx
- 文档编号:16341060
- 上传时间:2022-11-23
- 格式:DOCX
- 页数:17
- 大小:24.42KB
HTML标签分类及其属性文档格式.docx
《HTML标签分类及其属性文档格式.docx》由会员分享,可在线阅读,更多相关《HTML标签分类及其属性文档格式.docx(17页珍藏版)》请在冰豆网上搜索。
之中,可用来定义多种窗体字段。
所定义的字段性质及可使用的属性是由type来决定
option>
option[value=value][selected]>
/option>
(可以省略结束标签)
必须以<
select>
标签夹住,用来定义清单的选项。
如果加上selected属性,可指定标签内的选项为预设的选定值
选项清单<
/select>
selectname=name[size=number][multiple]>
标签可以指示浏览器显示清单方块。
清单内再以<
标签来指定清单项目。
size属性指定清单方块的大小,若指定size=1,而且不加上multiple属性,则会显示成下拉列表。
multiple属性,是指定使用者可否进行多重选择
textarea>
输入文字区域<
/textarea>
textareacols=number
name=textAreaNamerows=number>
会指示浏览器在窗体内划出一个文字区域,以接受使用者键入的数据。
在<
的开始和结束标签之间的文字会成为文字区域的预设文字;
的属性有:
cols:
以行数指定文字区域的宽度
name:
将文字区域命名
rows:
以字符数指定文字区域的高度
fieldset>
窗体集合的外框<
/fieldset>
说明(值)
class
设定标签的类别名
id
设定标签的id
language
设定描述语言如:
vbscript,javascript,jscript
style
设定行内的样式表
legend>
窗体集合的标题<
/legend>
设定文字靠左,置中,靠右对齐(left,center,right)
实例说明
<
我最爱的单元<
formid=form1>
inputtype=checkbox>
HTML<
br>
CSS<
DHTML<
SCRIPT<
HTML标签分类及其属性9
多媒体--用来将多媒体档案(影像、声音等)编排到文件中
bgsound>
背景音乐
bgsoundsrc=URL
[loop=number|infinite]>
(没有结束标签)
标签让作者可以在HTML文件中加入音乐文件(WAV,AU或MIDI格式),使用者的计算机如果配备有声卡,就可以听到背景音乐。
音乐文件会在使用者打开这份文件后即开始播放。
src属性可以指定音乐文件在服务器上的实际位置。
loop属性则用来决定档案重复播放的次数,譬如loop=3表示播放三次;
loop=infinite表示音效文件会不停地重复播放。
Mosaic无法播放MIDI档案
img>
影像标签
设定图案的位置(left,center,right,absmiddle)
alt
图片的批注说明
border
设定边框大小
设定图片的URL
width
设定宽度
height
设定高度
space
设定图形的左右边界
设定图形的上下边界
imgsrc=URL[align=top|middle|bottom|left|right][alt=alternativMessage][border=pixels][controls][dynsrc=URL][height=pixels][space=pixels][ismap]
[loop=number|infinite][lowsrc=URL][start=fileopen|mouseover]
[usemap=hashName][space=pixels][width=pixels]>
标签是用来显示图片,它的属性有许多种。
基本上,文件制作者必须以src属性指定图形文件所在的URL,最好再加上alt属性即可。
另外,HTML的作者也可以利用WIDTH和HEIGHT属性来改变图形的宽度和高度。
border属性用来决定图形外框的宽度。
图形位置的对齐方向,可以使用align=top,middle,bottom,left或right等设定值来控制。
space和space则是分别设定图片两侧及上下留白的宽度。
这些属性均是以像素为单位。
alt属性可以指定当浏览器无法显示图形时,替代出现的文字,有些浏览器也会在图片尚未加载完成时,预先显示ALT的文字。
图片除了用来美化版面之外,也常结合<
A>
标签用来当作超级链接的起点,例如:
按<
ahref="
../"
>
imgalt="
首页"
src=Mark.gif>
/a>
回到板城首页。
上述方法是以整张图当成一个超级链接,此外,你可以使用ismap和usemap将图片定义成「影像地图」(imagemap),它可以根据使用者按下鼠标的位置来决定要跳到的文件。
除了上述的标准属性之外,Netscape公司加入了lowsrc属性。
Microsoft也加入和放映多媒体有关的一些属性,包括以dynsrc指定影像文件所在的位置,以controls指示浏览器在播放时,是否显示控制按钮,以start来决定播放影片档案的时机
HTML标签分类及其属性8
7.链接--制作各种链接(WEB、FTP....)
a>
超级链接标签<
说明
href=
设定超级链接(http,mailto,ftp,news,gopher,telnet)
AHREF="
http:
//sunspot-"
网站连结<
/A>
mailto:
tad@.tw"
电子邮件连结<
ftp:
//ftp.ntu.edu.tw"
FTP连结<
news:
.tw"
SEEDNETNews服务<
gopher:
//.tw/"
SEEDNETGopher服务<
telnet:
//bbs.asjh.tn.edu..tw/"
安顺国中BBS服务<
target=框窗名称
指定欲连结的窗口(_blank,_top,_self,_parent,框窗名称)
target=_blank:
将连结的画面内容,开在新的浏览窗口中。
target=_parent:
将连结的画面内容,当成文件的上一个画面。
target=_self:
将连结的画面内容,显示在目前的窗口中。
target=_top:
这个参数可以解决新连结的画面内容,被旧框窗包围的困扰,使用这参数,会将整个画面重新显示成连结的画面内容。
指定欲连结的记号名称
a[href=URL][name=name][rel=value][rev=value][target=window][title=title]>
……
标签代表一个「定位锚」;
如果设定href属性,就可以嵌入一个文字或图形的超级链接。
使用者可以利用超级链接,连到其它站台或FTP服务器等。
name属性,则用来设定超级链接的目标(可以被跳达的目的地)。
你可以在一个<
标签中同时指定href及name属性。
target是Netscape加入的属性,用来指定开启连结文件的窗口或子框。
rel、rev、title都是较少使用的属性。
title是建议性的标题,最好能和目标文件<
title>
标签的内容一致
rel是定义连结的起点文件与目标文件之间的关系
rev则用来定义反向关系
这些属性的目的是用来建立更清楚、更容易使用的文件连结关系,不过目前的HTML软件并未提供运用到这些属性的功能
link>
连结外部档案的标签.........只能放在<
head>
.......<
/head>
标签内
href
设定对象的URL
rel
对象与此文件的关系
对象的MIME类型
语法<
linkrel=stylesheettype=text/csshref="
sheet1.css"
>
说明
载入sheet1.css的样式表,以便网页使用
linkhref=URL[rel=linkType][rev=linkType][title=title]>
(没有结束标签)说明:
标签必须放置在<
标签内,它是用来指定该份文件与其它文件或资源之间的关系。
的属性及其用法与<
相同,但是它并不实际连结到其它URL。
虽然<
很早就在标准中制定,但大多数的浏览器都忽略这个标签,并未加以利用
HTML标签分类及其属性7
表格--利用下列标签可以建立表格
table>
表格标签<
/table>
bgcolor
设定表格背景颜色
background
设定表格背景图片
设定边框线
bordercolor
设定边框颜色
cellpadding
设定字段内数据与框线的距离
cellspacing
设定表格字段框的间距
frame
设定表格外框
rules
设定表格内框
table[align=left|center|right][border=pixels][cellpadding=pixels][cellspacing=pixels]
[width=length][background=URL][bgcolor=colorValue][bordercolor=colorValue]
[bordercolordark=colorValue][bordercolorlight=colorValue][space=pixels]
[space=pixels]>
是用来标示表格的开头和结尾。
包含许多属性,可用来设定整张表格的格式,以下是这些属性的简介:
align:
用以设定表格相对于窗口的水平位置
border:
指定表格外框线的宽度
cellpadding:
用以指定储存格内,文字与框线之间的距离
cellspacing:
用以指定表格内框线(储存格与储存格之间)的宽度
width:
表格的宽度,以像素值或窗口百分比为单位
bgcolor:
用以设定表格的背景颜色
bordercolor:
设定框线的颜色
bordercolordark:
设定立体框线阴影部份的颜色
bordercolorlight:
设定立体框线亮面部份的颜色
td>
表格栏标签<
/td>
左右对齐方式(left,center,right)
valign
上下对齐方式(top,middle,bottom)
设定储存格背景颜色
colspan
左右储存格的合并
rowspan
上下储存格的合并
nowrap
设定表格字段不换行
td[align=left|center|right][colspan=number][height=pixels][nowrap][rowspan=number]
[valignN=top|middle|bottom|baseline][width=pixels][backgruound=URL][bgcolor=colorValue][bordercolor=colorValue][bordercolorlight=colorValue]
[bordercolordark=colorValue]>
代表表格数据(TableData),用以指定表格内某一储存格的内容。
通常可以省略<
tr>
表格列标签<
/tr>
设定背景颜色
tr[align=left|center|right][bgcolor=colorValue][bordercolor=colorValue]
[bordercolorlight=colorValue][bordercolordark=colorValue][valign=top|middle|bottom|baseline]>
标签是用以指示浏览器将文字显示为一行表格
列表--以下的标签可以在文件中建立各式各样的表列
dd>
dir>
dl>
dt>
li>
menu>
ol>
ul>
HTML标签分类及其属性6
文件空白--这些标签用来编排文件中的空白区域
p>
段落标签<
/p>
对齐的方式(left,center,right)
语法
palign=right>
cyming的家<
说明
此为一个段落
........<
标签是用来标明文字段落的开头和结尾。
这个标签还可以加入align属性来指定段落的对齐方式
pre>
保留原有排列方式<
/pre>
...文字串行....<
pre代表「预先设定格式」(preformatted)的文字,<
标签是用来保留文章原有的断行及排列方式,它会以定距字型来显示标签之间的文字,就像是在字符模式的画面一样。
当作者希望保留文件使用定距字型时的原貌,或只想单纯地贴上现有的资料而不加以编排时,可以使用这个标签
span>
建立in-line区块标签<
/span>
HTML标签分类及其属性5
换行标签
标签可以指示浏览器在HTML的文件上执行断行功能。
只是单纯的断行,后续的文字仍会维持相同的行距,<
标签则是另起新的段落,并且会加大行距。
HTML3.2纳入clear属性,它是配合<
标签的文绕图功能使用。
如果你要清除文绕图的格式,可以在<
标签中指定clear属性
div>
建立段落区块标签<
/div>
指定样式的类别
指定样式(参考CSS样式表)
divstyle="
position:
absolue;
top:
10;
left:
2;
height:
30;
width:
480;
"
绝对寻址
div[align=left|center|right]>
...<
是用来将文件再做章节分割(division),藉此简化格式设定的工作。
原先出自HTML3.0的草案,除了align之外还有很多属性,但目前的浏览器大多未支持这些属性
hr>
分网格线(水平线)标签
设定对齐的方式(left,center,right)
color
水平线的颜色
水平线的粗细
水平线的长度(100%,480px)
noshade
填满色彩
hrcolor=maroonsize=5align=centerwidth=50%>
设定水平线的颜色.粗细.位置.长度
hr[align=left|center|right][noshade][size=pixels][width=length][color=colorValue]>
可以画出一条水平线(horizontalrule),并且自动以三维效果呈现。
标签中的align属性可以决定水平线要靠左、靠右还是居中;
noshade属性可以取消预设的阴影效果;
size属性则用来指定水平线的高度。
标签也可以接受width属性,以像素或窗口宽度的百分比来设定水平线的宽度。
InternetExplorer并且可以用color属性来设定水平线的颜色
nobr>
....文字串行....<
标签可以避免浏览器为文件自动断行,即使浏览器设定了断行功能时也一样。
有些文句并不适合被断行,譬如地址或是须写在同一行的程序代码
HTML标签分类及其属性4
内容样式--改变文件中文字的内容样式,也就是改变文字隐含意义
hn>
hi[align=left|right|center]>
标题标签<
/hi>
这是设定内文标题用的标签,从<
h1>
至<
h6>
,共有六组设定值,<
代表第一级标题,是最大的字级,<
h2>
代表第二级标题,其余类推
HTML标签分类及其属性3
文字样式--这些标签可以变更文件使用字型(文件外观)
b>
粗体字型标签<
/b>
这个标签括住的文字会以粗体显示。
font>
字型标签<
/font>
设定文字颜色
设定字体大小
face
设定字型名称
标签可用来设定文字的字型、字体大小、颜色等属性
i>
I>
斜体字型标签<
/I>
标签中的文字会以斜体字呈现
sub>
下标字标签<
/sub>
标签会以下标的格式显示括住的文字
sup>
上标字标签<
/sup>
标签会以上标的格式显示括住的文字
u>
加底线标签<
/u>
标签可以在标签括住文字的下方加上底线
特殊字符>
原始码
说明(呈现结果)
&
nbsp;
(&
代表一个不断行空白)
lt;
gt;
amp;
quot;
"
/*
*/
在
/*
*/
之间的文字会被看成批注
HTML标签分类及其属性2
基础标签--这些标签构成HTML文件的基础
标签放在<
body>
标签前,用来说明HTML文件的一些基本信息,譬如<
标签中的<
是用来指定文件的标题;
标签记录文件的连结关系;
meta>
标签则用来记录文件的一些基本数据。
html>
标签是用以指明HTML文件的最开端和结尾。
除了宣告文件类型的<
!
doctype>
之外,所有其它html的标签都必须包含在这个标签之内。
iframe>
子窗口标签<
/iframe>
marginheight
设定窗口的上下边界
marginwidth
设定窗口的左右边界
为分割窗口命名
窗格与文字的对齐方(left,right,top,middle,bottom)
设定窗格的高度
设定窗格的宽度
frameborder
设定窗格边线的厚度
scrolling
设定分割窗口的滚动条(NO,YES,AUTO)
设定窗格内HTML的来源
标签不是用在<
frameset>
/frameset>
中,而是用在<
b
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 标签 分类 及其 属性
![提示](https://static.bdocx.com/images/bang_tan.gif)