html的基本使用（HTML標(biāo)簽解釋）

一、鏈接
在HTML中超文本的鏈接非常重要，基本格式如下：
A HREF="資源地址">鏈接文字/A>

1、本地鏈接
①絕對(duì)路勁：
A HREF="C:\images\article.jpg">絕對(duì)路勁鏈接到本地圖片/A>
②相對(duì)路勁
A HREF ="article2.jpg"> 相對(duì)路勁鏈接到本地圖片/A>
③鏈接到上一級(jí)目錄
A HREF="../test.htm">鏈接到上一級(jí)目錄/A>

2、URL鏈接
形式：協(xié)議名：//主機(jī).域名/路勁/文件名
協(xié)議包括：
file       本地系統(tǒng)文件
http      WWW服務(wù)器
ftp        ftp服務(wù)器
telnet     基于TELNET的協(xié)議
mailto    電子郵件
news      Usenet新聞組
gopher   GOPHER服務(wù)器
wais       WAIS服務(wù)器
如：A > 百度一下/A>

3、目錄鏈接
首先把某段落設(shè)置為鏈接位置，格式為：
A NAME="鏈接位置名稱">/A>
再調(diào)用此鏈接部分的文件，定義鏈接：
A HREF="文件名#鏈接位置名稱">鏈接文字/A>
當(dāng)然如果在一個(gè)文件內(nèi)跳轉(zhuǎn)，文件名就可以省略不寫。

二、多視窗口FRAMES
使用FRAMES結(jié)構(gòu)設(shè)計(jì)的HTML文件，能夠?qū)⒄麄€(gè)窗口分成幾個(gè)獨(dú)立的小窗口，每個(gè)小窗口可分別載入不同的文件，并且可以相互溝通。
1、基本結(jié)構(gòu)：
HTML>
HEAD>
TITLE>/TITLE>
/HEAD>
FRAMESET>
FRAME SRC="url">
FRAME SRC="url">
...
/FRAMESET>
/HTML>
2、各窗口的尺寸設(shè)置
我們將窗口分割為幾塊，橫向分用ROWS屬性，縱向分用COLS屬性，每一塊的大小可以由這兩個(gè)屬性的值來實(shí)現(xiàn)。
frameset cols=#>
frameset rows=#>
#的值為一對(duì)用引號(hào)括起來的字符串，字符串中的數(shù)字表示每個(gè)窗口所占的大小，中間用逗號(hào)隔開，其中的數(shù)字也可以用"*"來代替，表示由瀏覽器自動(dòng)分配大小。如
frameset cols="100,200,300">
frameset rows="10%,20%,70%">
frameset cols="100,*,*">     將100像素以外的窗口平均分配
3、各窗口間的相互操作
①frame的src屬性 用來指定要鏈接的內(nèi)容，name屬性指定該窗口的名字，target屬性用來指定所鏈接的文件出現(xiàn)在哪一窗口，其值可以是name定義的名稱，也可以是下面四類值：
a href=url target=_blank>    顯示一個(gè)新窗口
a href=url target=_self>       顯示在同一個(gè)窗口
a href=url target=_parent>  顯示在Frameset的前一份文件的窗口
a href=url target=_top>       顯示在整個(gè)瀏覽器窗口
②frame的其他屬性
frame frameborder=#> #=yes,no
frameborder指定各窗口邊框的設(shè)置:yes表示有邊框，no表示無邊框

frame marginwidth=# marginheight=#>
#的值為像素點(diǎn)，該屬性用來設(shè)置窗口的上下左右邊界寬度，如不設(shè)定，由瀏覽器自動(dòng)決定。

frame scrolling=#>#=yes,no,auto
滾動(dòng)條設(shè)置，yes表示有，no表示沒有，auto表示由瀏覽器自動(dòng)設(shè)置，缺省值是auto。

frame noresize="noresize">
noresize 屬性規(guī)定用戶無法調(diào)整框架的大小。默認(rèn)地，可以通過拖動(dòng)框架之間的“墻壁”來改變框架的大小，該屬性可以鎖定框架的大小。

三、樣式表
1.樣式表最重要的作用是提供了一種能使所有web頁面的樣式保持一致的方法。
樣式表的三個(gè)層次按照從低層到高層的順序依次是：
①.內(nèi)置（inline）樣式表：適用于單個(gè)元素的內(nèi)容
②.文檔層（document level）樣式表：適用于整個(gè)文檔的主體
③.外部（external）樣式表：可以應(yīng)用在多個(gè)文檔的主體中
在使用時(shí)，如果出現(xiàn)沖突，低層次的樣式表具有使用上的優(yōu)先權(quán)。
2.使用CSS需要注意的問題：
①有些瀏覽器可能不支持某些屬性值，這時(shí)瀏覽器要么忽略這些屬性值要么用一個(gè)可選值代替。
②內(nèi)置樣式只適應(yīng)單個(gè)元素，其實(shí)違背了樣式表的設(shè)計(jì)初衷，所以應(yīng)該謹(jǐn)慎使用。
③文檔層樣式說明出現(xiàn)在文檔的頭部分，適用于文檔的整個(gè)主體。所以網(wǎng)站建設(shè)的整體風(fēng)格能夠保持一致就是這么實(shí)現(xiàn)的。
④外部樣式表不屬于使用它的文檔的一部分，外部樣式表需要單獨(dú)存儲(chǔ)，并且使用它時(shí)都要進(jìn)行說明?？梢允褂肕IME類型text/css將外部樣式表編寫成一些文本文件，它們可以存儲(chǔ)在因特網(wǎng)上的任何一臺(tái)計(jì)算機(jī)中，瀏覽器獲取外部樣式表就如同獲取文檔一樣。網(wǎng)頁首部的link>元素也可用于指定外部樣式表，在link>中，rel屬性用于指定被鏈接的文檔與包含改鏈接的文檔之間的關(guān)系，而href屬性用于指定樣式表文檔的URL地址。如
link rel=stylesheet type="text/css" href="themes/AutoTheme/style.css">/link>

四、span和div
span> 的使用
在有些情況下，要求某些特殊的字體屬性只應(yīng)用于整個(gè)段落的部分文本，比如把某個(gè)字或詞組設(shè)置為不一樣的字體或背景等等。這是就可以使用span>元素，比如：
p>我非常喜歡span style="font-size:24pt;font-family:黑體;color:red">編程/span>，這是一件非常愉快的事。/p>

div>的使用
在網(wǎng)頁中，節(jié)是很常見的形式，每節(jié)由若干段落構(gòu)成，若在設(shè)計(jì)中，希望不僅是對(duì)各個(gè)段落，而是可以對(duì)網(wǎng)頁中的節(jié)進(jìn)行樣式設(shè)置。這時(shí)就可以使用div>，它的主要用途是指定網(wǎng)頁中某節(jié)或某區(qū)域的外觀展示細(xì)節(jié)。