Div+Css教程模板無(wú)憂>建站教程>Div+Css教程>XHTML教程>

CSS網(wǎng)頁(yè)布局中HTML標(biāo)簽的語(yǔ)義(二)_XHTML教程

教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!

　　我們?cè)谖恼轮幸恢睆?qiáng)調(diào)HTML標(biāo)簽語(yǔ)義的重要，富含語(yǔ)義而且科學(xué)得當(dāng)?shù)倪\(yùn)用HTML標(biāo)簽，對(duì)CSS網(wǎng)頁(yè)布局既建立符合WEB標(biāo)準(zhǔn)的網(wǎng)站是非常有意義、非常有益處的。

　　或許有朋友感到迷惑，到底如何運(yùn)用HTML標(biāo)簽才是保持文檔語(yǔ)義并有良好的結(jié)構(gòu)呢？我們看下面的這方面知識(shí)的介紹，相信你一定有所收獲。但也請(qǐng)你注重，有些標(biāo)簽可能不符合WEB標(biāo)準(zhǔn)了，這些知識(shí)我們?cè)趍b5u.com以后的文章中再一一說(shuō)明。
　　Note：雙與單分別表示標(biāo)簽是成對(duì)出現(xiàn)，還是單個(gè)出現(xiàn)，成對(duì)出現(xiàn)需要關(guān)閉，如：雙表示<a></a>、單表示：<img src=...>。

<a>雙定義一個(gè)鏈接

示例代碼 [hl5o.cn]

name=text 本網(wǎng)頁(yè)內(nèi)目標(biāo)名稱(書簽),可為數(shù)字或文本
href=url _fcksavedurl="url" 指定目標(biāo)地址
tabindex=number 指定該鏈接在當(dāng)前文件的Tab鍵次序中的位置 0-32767之間
charset=charset 指定目標(biāo)文件的字符編碼形式
例:<A href="link.html"><IMG Sre="Pixoe.gif"></A>
<A href="mailto:[email protected]">Send</A>

<base>單為文件中所有的相關(guān)URL(統(tǒng)一資源定位器)指定一個(gè)基準(zhǔn)URL.置于<head>內(nèi)

示例代碼 [hl5o.cn]

href=url 要用到的URL

<body>雙文件的主體(瀏覽器中顯示的內(nèi)容)

示例代碼 [hl5o.cn]

backcolor="rrggbb" 背景色
leftmargin=number 瀏覽器左邊緣與窗口中正文和圖形的開(kāi)始位置之間的距離,單位:像素
topmargin=number 瀏覽器上邊緣與窗口中正文和圖形的上邊緣位置之間的距離,單位:像素
text="rrggbb" 文本默認(rèn)顏色
background=url 背景圖片

<caption>雙表格的標(biāo)題,位于表格之上,可用<font>修飾,但一個(gè)<caption>必須對(duì)應(yīng)一個(gè)<table>

示例代碼 [hl5o.cn]

align=left right center 標(biāo)題對(duì)齊方式

<dd>雙表示一個(gè)定義列表中對(duì)一個(gè)表單項(xiàng)的條目部分

<dl>雙表示一個(gè)定義列表,由條目<dt>和定義<dd>組成

<dt>雙表示一個(gè)定義列表中對(duì)一個(gè)表單項(xiàng)的條目部分

<form>雙

示例代碼 [hl5o.cn]

action=url 表單提交地址

<font>雙字體修飾

示例代碼 [hl5o.cn]

i 斜體
b 加粗
u 下劃線
s 刪除線
big 比前一個(gè)字體大一號(hào)
small 比前一個(gè)字體小一號(hào)
left 左對(duì)齊
right 右對(duì)齊
center 居中
color="rrggbb" 顏色
style=text 字體大小,可用文本和數(shù)字
name=text 字體名稱
equal 字體等距

<head>雙與<body>同級(jí),無(wú)任何屬性,僅作為其他標(biāo)簽的容器

<hr>單添加水平分界線

示例代碼 [hl5o.cn]

align =left right center 水平分界線對(duì)齊方式
noshade 將水平分界線顯示成一條時(shí)新線
size=number 指定線寬,單位像素
width=number 或 % 水平分界線長(zhǎng)度,一像素為單位或頁(yè)面寬為百分比

<html>雙于文件起始和結(jié)尾,用于告訴瀏覽器整個(gè)文件的大小是由html構(gòu)成

示例代碼 [hl5o.cn]

size=number 文件大小

<img>單在頁(yè)面上放一幅圖

示例代碼 [hl5o.cn]

align=left right center top middle botton
alt=text 當(dāng)圖象無(wú)法顯示時(shí)的提示文本
width=number 圖象寬度
height=number 圖象高度
src=url _fcksavedurl="url" 圖象地址
hspace=number 圖象左右留出空格
vspace=number 圖象上下留出空格
border=number 圖象與頁(yè)面邊界距離,默認(rèn)為1
blockquote 一個(gè)塊的引用,兩邊各留一空格,上下各留一行

<input>單輸入(表單)[輸入類型:文本單選框復(fù)選框復(fù)位提交文件傳輸]<form>的子集

示例代碼 [hl5o.cn]

type:checkbox 復(fù)選框
checked 初始選中值
name=text 編號(hào),可用文本或數(shù)字
value=text 初始值
type:file 文件上傳
name=text 編號(hào),可用文本或數(shù)字
value=text 搜尋按鈕的文本
type:radio 單選框
checked 初始選中值
name=text 編號(hào),可用文本或數(shù)字
value=text 初始值
type:rest 使表單選擇恢復(fù)默認(rèn)值
value=text 顯示可替代文本
type:submit 提交按鈕
value=text 顯示按鈕上的文本
type:text
text=text 內(nèi)容
max=number 最大輸入字符量,默認(rèn)為20
min=number 最小輸入字符量,默認(rèn)為1
height=number 輸入框高度,單位字符,當(dāng)height=1時(shí),無(wú)垂直滾動(dòng)條
weidth=number 輸入框?qū)挾?單位字符
type:button
value=text 顯示的文本內(nèi)容
src=url _fcksavedurl="url" 連接的網(wǎng)頁(yè)地址

<li>雙表示一個(gè)列表中定義一個(gè)表單項(xiàng),用于<dir><ol><ul>標(biāo)簽中

<marquee>雙創(chuàng)建一個(gè)滾動(dòng)文本框

示例代碼 [hl5o.cn]

align=left right center 文本框與頁(yè)面左、右、中對(duì)齊
dirsction=left right 文本超出邊界時(shí)用水平、垂直滾動(dòng)條
height=number 文本框高度
width=number 文本框?qū)挾?br />hspace=number 文本框兩邊留出的像素
vspace=number 文本框上下留出的像素
scrollamount=number 單擊方向鍵,每次滾動(dòng)的距離,單位字符
scrolldelay=number 單擊空白條區(qū)時(shí),滾動(dòng)距離,單位字符

<media>單媒體

示例代碼 [hl5o.cn]

align=left right center middle top bottom 對(duì)象相對(duì)四周文本的對(duì)齊方式
data=url 對(duì)象所引用的地址
height=number 對(duì)象高度,以像素為單位
width=number 對(duì)象寬度,以像素為單位
hspace=number 在對(duì)象兩邊各留出的空格,以像素為單位
vspace=number 在對(duì)象上下各留出的空格,以像素為單位
type=audio video 對(duì)象類型(音頻和視頻)
loop=number 循環(huán)播放次數(shù)

<nobr>雙禁止換行

<object>雙插件

示例代碼 [hl5o.cn]

classid=text 如9b99c199-5d75-454f-ae07-b620727be8d8

<ol>雙定義有序列表的起始,由表單項(xiàng)<li>組成

<option>雙下拉列表或滾動(dòng)列表的項(xiàng)

示例代碼 [hl5o.cn]

checked 初始選中值
value=text 初始值

<p> 單換行,但有多余空行

<pr>單換行,且比<p>減少空行

<script>雙腳本

示例代碼 [hl5o.cn]

type=text 腳本語(yǔ)言類型,如"VBScript"

<select>雙定義一個(gè)下拉列表和滾動(dòng)列表

示例代碼 [hl5o.cn]

multipe 答應(yīng)多選一個(gè)或更多的<option>
name=text 選中的<option>編號(hào)
size=number "1"且無(wú)設(shè)multipe,顯示為一個(gè)下拉列表

<sub>雙下標(biāo)

<sup>雙上標(biāo)

<table>雙確定一個(gè)表格的始末

示例代碼 [hl5o.cn]

align=left right center 表格在頁(yè)面中位置,默認(rèn)為right
backcolor="rrggbb" 表格背景色
border=number 表格邊界厚度
cellspacing=number 表格單元之間框架厚度
cellspadding=number 單元格邊界與內(nèi)容之間的距離
height=number or % 指定表格高度,單位像素,或?yàn)g覽器頁(yè)面高度的百分比表示
width=number or % 指定表格寬度,單位像素,或?yàn)g覽器頁(yè)面寬度的百分比表示
hspace=number 在一個(gè)對(duì)齊表格上下留一定空格,單位像素
vspace=number 在一個(gè)對(duì)齊表格兩邊留一定空格,單位像素
form 使一個(gè)表格作為一個(gè)表單提交,且表格內(nèi)可存在各種表單作為單元格內(nèi)容

<td>雙定義一個(gè)單元格

示例代碼 [hl5o.cn]

align=left right center 文本相對(duì)與單元個(gè)的對(duì)器方式
background=url 單位格里的圖象
backcolor="rrggbb" 表格背景色
alspan=number 該單元格所跨列數(shù),默認(rèn)為1
rowspan=number 該單元格所跨行數(shù),默認(rèn)為1

<marquee>

示例代碼 [hl5o.cn]

loop=0時(shí)為靜態(tài),1時(shí)為動(dòng)態(tài)

<marquee>當(dāng)為靜態(tài)時(shí),內(nèi)部可用<font>和<nobr>

示例代碼 [hl5o.cn]

scrolldelay=number 單擊空白條區(qū),每次滾動(dòng)距離,單位像素
scrollamount=number 單擊方向鍵,每次滾動(dòng)距離,單位像素

<marquee>當(dāng)為動(dòng)態(tài)時(shí),內(nèi)部不能再修飾(包括<nobr>)

示例代碼 [hl5o.cn]

scrolldelay=number 每次滾動(dòng)的時(shí)間間隔,單位毫秒
scrollamount=number 調(diào)整文字滾動(dòng)速度,單位字符
behavior=scroll 單向滾動(dòng)
=alternate 雙向滾動(dòng)
bgcolor="rrggbb" 滾動(dòng)文字背景色
color="rrggbb" 滾動(dòng)文字顏色
loop=1 默認(rèn)為1
direction=left 從右向左
=right 從左向右
=up 從下向上
=down 從上向下

表格、插件、腳本僅屬于<body>,腳本最好不用
<media>僅屬于<body>
網(wǎng)頁(yè)中已用的鏈接和未用的鏈接由瀏覽器指定
網(wǎng)頁(yè)中除標(biāo)簽內(nèi)部\標(biāo)簽之間的空格省略外,其他空格有效
標(biāo)簽內(nèi)部屬性值若需空格則用#3代替
網(wǎng)頁(yè)中"<"用#1代替,">"用#2代替
屬性值中雙引號(hào)可鑲?cè)雴我?hào)