HTML标签分类及其属性11 | ||||||||||||||||||||||||||||||||||||||||||||||||||||
HTML标签分类及其属性10 | ||||||||||||||||||||||||||||||||||||||||||||||||||||
窗体 -- 与Form相关的标签 <form> <form>窗体标签</form> 语法：<form [action=URL] [enctype=encodingType] [method=get|post] [target=windowName]>……</form>(不可省略结束标签) 说明：利用<form>标签，可以接收使用者输入的信息。窗体中的信息可以在浏览器中显现出来，并可回传到服务器上。<form>标签的属性有许多种，使用者可以选取复选框、选项按钮或者清单方块等项目，也可以在文字字段或文字区域中输入文字。当使用者选取交付(submit)按钮后，便会送出窗体内的数据 <center> <center>置中标签</center> 语法：<center>...文字串行...</center> (不可省略结束标签) 说明：<center>标签的功能是让文字、图形或表格置中排放 <input> <input>窗体字段
语法：<input [align=top|middle|bottom|left|right] [checked] [maxlength=number] [name=name] [size=size] [src=URL] [type=text|password|checkbox|radio|submit|reset|file|hidden|image] [value=value]> (没有结束标签) 说明：<input>标签置于<form>之中，可用来定义多种窗体字段。<input>所定义的字段性质及可使用的属性是由type来决定 <option> 语法：<option [value=value] [selected]>……</option>(可以省略结束标签) 说明：<option>必须以<select>标签夹住，用来定义清单的选项。如果加上selected属性，可指定标签内的选项为预设的选定值 <select> <select>选项清单</select> 语法：<select name=name [size=number] [multiple]>……</select>(不可省略结束标签) 说明：<select>标签可以指示浏览器显示清单方块。清单内再以<option>标签来指定清单项目。size属性指定清单方块的大小，若指定size=1，而且不加上multiple属性，则会显示成下拉列表。multiple属性，是指定使用者可否进行多重选择 <textarea> <textarea>输入文字区域</textarea> 语法：<textarea cols=number name=textAreaName rows=number>……</textarea>(不可省略结束标签) 说明：<textarea>会指示浏览器在窗体内划出一个文字区域，以接受使用者键入的数据。在<textarea>的开始和结束标签之间的文字会成为文字区域的预设文字；<textarea>的属性有： cols：以行数指定文字区域的宽度 name：将文字区域命名 rows：以字符数指定文字区域的高度 <fieldset> <fieldset>窗体集合的外框</fieldset>
<legend> <legend>窗体集合的标题</legend>
| ||||||||||||||||||||||||||||||||||||||||||||||||||||
HTML标签分类及其属性9 | ||||||||||||||||||||||||||||||||||||||||||||||||||||
多媒体 -- 用来将多媒体档案(影像、声音等)编排到文件中 <bgsound> <bgsound>背景音乐 语法：<bgsound src=URL [loop=number|infinite]>(没有结束标签) 说明：<bgsound>标签让作者可以在HTML文件中加入音乐文件（WAV, AU或MIDI格式），使用者的计算机如果配备有声卡，就可以听到背景音乐。音乐文件会在使用者打开这份文件后即开始播放。src属性可以指定音乐文件在服务器上的实际位置。loop属性则用来决定档案重复播放的次数，譬如loop=3表示播放三次；loop=infinite表示音效文件会不停地重复播放。Mosaic无法播放MIDI档案 <img> <img>影像标签
语法：<img src=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]> (没有结束标签) 说明：<img>标签是用来显示图片，它的属性有许多种。基本上，文件制作者必须以src属性指定图形文件所在的URL，最好再加上alt属性即可。另外，HTML的作者也可以利用WIDTH和HEIGHT属性来改变图形的宽度和高度。border属性用来决定图形外框的宽度。图形位置的对齐方向，可以使用align=top,middle,bottom, left或right等设定值来控制。space和space则是分别设定图片两侧及上下留白的宽度。这些属性均是以像素为单位。alt属性可以指定当浏览器无法显示图形时，替代出现的文字，有些浏览器也会在图片尚未加载完成时，预先显示ALT的文字。图片除了用来美化版面之外，也常结合<A>标签用来当作超级链接的起点，例如：按<ahref="../"><img alt="首页" src=Mark.gif></a> 回到板城首页。 上述方法是以整张图当成一个超级链接，此外，你可以使用ismap和usemap将图片定义成「影像地图」(image map)，它可以根据使用者按下鼠标的位置来决定要跳到的文件。 除了上述的标准属性之外，Netscape公司加入了lowsrc属性。Microsoft也加入和放映多媒体有关的一些属性，包括以dynsrc指定影像文件所在的位置，以controls指示浏览器在播放时，是否显示控制按钮，以start来决定播放影片档案的时机 | ||||||||||||||||||||||||||||||||||||||||||||||||||||
HTML标签分类及其属性8 | ||||||||||||||||||||||||||||||||||||||||||||||||||||
7.链接 -- 制作各种链接(WEB、) <a> <a>超级链接标签</a>
语法：<a [href=URL] [name=name] [rel=value] [rev=value] [target=window] [title=title]>…… </a>(不可省略结束标签) 说明：<a>标签代表一个「定位锚」；如果设定href属性，就可以嵌入一个文字或图形的超级链接。使用者可以利用超级链接，连到其它站台或FTP服务器等。 name属性，则用来设定超级链接的目标（可以被跳达的目的地）。你可以在一个<A>标签中同时指定href及name属性。 target是Netscape加入的属性，用来指定开启连结文件的窗口或子框。 rel、rev、title都是较少使用的属性。 title是建议性的标题，最好能和目标文件<title>标签的内容一致 rel是定义连结的起点文件与目标文件之间的关系 rev则用来定义反向关系 这些属性的目的是用来建立更清楚、更容易使用的文件连结关系，不过目前的HTML软件并未提供运用到这些属性的功能 <link> <link>连结外部档案的标签.........只能放在<head>.......</head>标签内
语法：<link href=URL [rel=linkType] [rev=linkType] [title=title]>(没有结束标签)说明：<link>标签必须放置在<head>标签内，它是用来指定该份文件与其它文件或资源之间的关系。<link>的属性及其用法与</a>相同，但是它并不实际连结到其它URL。虽然<link>很早就在标准中制定，但大多数的浏览器都忽略这个标签，并未加以利用 | ||||||||||||||||||||||||||||||||||||||||||||||||||||
HTML标签分类及其属性7 | ||||||||||||||||||||||||||||||||||||||||||||||||||||
表格 -- 利用下列标签可以建立表格 <table> <table>表格标签</table>
语法：<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]>……</table>(不可省略结束标签) div border属性说明： <table>是用来标示表格的开头和结尾。<table>包含许多属性，可用来设定整张表格的格式，以下是这些属性的简介： align：用以设定表格相对于窗口的水平位置 border：指定表格外框线的宽度 cellpadding：用以指定储存格内，文字与框线之间的距离 cellspacing：用以指定表格内框线(储存格与储存格之间)的宽度 width：表格的宽度，以像素值或窗口百分比为单位 bgcolor：用以设定表格的背景颜 bordercolor：设定框线的颜 bordercolordark：设定立体框线阴影部份的颜 bordercolorlight：设定立体框线亮面部份的颜 <td> <td>表格栏标签</td>
语法：<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]>……</td>(可以省略结束标签) 说明：<td>代表表格数据(Table Data)，用以指定表格内某一储存格的内容。通常可以省略</td> <tr> <tr>表格列标签</tr>
语法：<tr [align=left|center|right] [bgcolor=colorValue] [bordercolor=colorValue] [bordercolorlight=colorValue] [bordercolordark=colorValue] [valign=top|middle|bottom|baseline]>……</tr>(可以省略结束标签) 说明：<tr>标签是用以指示浏览器将文字显示为一行表格 列表 -- 以下的标签可以在文件中建立各式各样的表列 <dd> <dir> <dl> <dt> <li> <menu> <ol> <ul> | ||||||||||||||||||||||||||||||||||||||||||||||||||||
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论