html的基本使用包括連結、樣式表、span和div等等_HTML/Xhtml_網頁製作

一、連結
在HTML中超文本的連結非常重要，基本格式如下：

連結文字

1、本地連結
①絕對路勁：
絕對路勁連結到本地圖片
②相對路勁
相對路勁連結到本地圖片 ③連結到上一層目錄


連結到上一層目錄
2、URL連結
形式：協定名稱：//主機.網域名稱/路勁/檔案名稱
協定包括：
file 本機系統檔案
http WWW伺服器
ftp ftp伺服器
telnet 基於TELNET的協定
mailto 電子郵件
news Usenet新聞群組
gopher GOPHER伺服器
wais WAIS伺服器

如：
百度一下
3、目錄連結
先把某段落設定為連結位置，格式為：

再呼叫此連結部分的文件，定義連結：

連結文字 當然如果在一個文件內跳轉，文件名就可以省略不寫。


二、多視窗口FRAMES 使用FRAMES結構設計的HTML文件，能夠將整個窗口分成幾個獨立的小窗口，每個小窗口可分別載入不同的文件，並且可以相互溝通。
1、基本結構：










...


2、各視窗的尺寸設定
我們將視窗分割為幾塊，橫向分用ROWS屬性，縱向分用COLS屬性，每一塊的大小可以由這兩個屬性的值來實現。


#的值為一對用引號括起來的字串，字串中的數字表示每個視窗所佔的大小，中間用逗號隔開，其中的數字也可以用"*"來代替，表示瀏覽器自動分配大小。如



將100像素以外的視窗平均分配3、各視窗間的相互操作
①frame的src屬性用來指定要連結的內容，name屬性指定該窗口的名字，target屬性用來指定所連結的檔案出現在哪一窗口，其值可以是name定義的名稱，也可以是下面四類值：
顯示一個新視窗
顯示在同一個視窗
顯示在Frameset的前一份文件的視窗
顯示在整個瀏覽器視窗
②frame的其他屬性

#=yes,no frameborder指定各視窗邊框的設定:yes表示有邊框，no表示無邊框


#的值為像素點，該值屬性用來設定視窗的上下左右邊界寬度，如不設定，由瀏覽器自動決定。


#=yes,no,auto 滾動條設置，yes表示有，no表示沒有，auto表示由瀏覽器自動設置，缺省值是auto。


noresize 屬性規定使用者無法調整框架的大小。預設地，可以透過拖曳框架之間的「牆壁」來改變框架的大小，該屬性可以鎖定框架的大小。

三、樣式表

1.樣式表最重要的作用是提供了一種能讓所有web頁面的樣式保持一致的方法。
樣式表的三個層次依照從低層到高層的順序依序是：
①.內建（inline）樣式表：適用於單一元素的內容
②.文檔層（document level）樣式表：適用於整個文件的主體
③.外部（external）樣式表：可以應用在多個文件的主體中
在使用時，如果出現衝突，低層次的樣式表具有使用上的優先權。
2.使用CSS需要注意的問題：
①有些瀏覽器可能不支援某些屬性值，這時瀏覽器要麼忽略這些屬性值要麼用一個可選值取代。 ②內建樣式只適應單一元素，其實違背了樣式表的設計初衷，所以應該謹慎使用。 ③文件層樣式說明出現在文件的頭部分，適用於文件的整個主體。所以網站建立的整體風格能夠保持一致就是這麼實現的。 ④外部樣式表不屬於使用它的文件的一部分，外部樣式表需要單獨存儲，並且使用它時都要進行說明。可以使用MIME類型text/css將外部樣式表編寫成一些文字文件，它們可以儲存在網際網路上的任何一台電腦中，瀏覽器取得外部樣式表就如同取得文件一樣。網頁首部的元素也可用於指定外部樣式表，在中，rel屬性用於指定被連結的文檔與包含改連結的文檔之間的關係，而href屬性用於指定樣式表文檔的URL位址。如


四、span和div
的使用
在某些情況下，要求某些特殊的字體屬性只應用於整個段落的部分文本，例如把某個字或詞組設定為不一樣的字體或背景等等。這是就可以使用元素，例如：

我非常喜歡程式設計，這是一件很愉快的事。

的使用
在網頁中，節是很常見的形式，每節由若干段落構成，若在設計中，希望不僅是對各個段落，而是可以對網頁中的節進行樣式設定。這時就可以使用

，它的主要用途是指定網頁中某節或某區域的外觀展示細節。