一、連結在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 的使用在某些情況下,要求某些特殊的字體屬性只應用於整個段落的部分文本,例如把某個字或詞組設定為不一樣的字體或背景等等。這是就可以使用元素,例如: 我非常喜歡程式設計,這是一件很愉快的事。 的使用在網頁中,節是很常見的形式,每節由若干段落構成,若在設計中,希望不僅是對各個段落,而是可以對網頁中的節進行樣式設定。這時就可以使用,它的主要用途是指定網頁中某節或某區域的外觀展示細節。