首頁 > web前端 > html教學 > html的基本使用包括連結、樣式表、span和div等等_HTML/Xhtml_網頁製作

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

WBOY
發布: 2016-05-16 16:39:39
原創
1158 人瀏覽過
一、連結
在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
的使用
在某些情況下,要求某些特殊的字體屬性只應用於整個段落的部分文本,例如把某個字或詞組設定為不一樣的字體或背景等等。這是就可以使用元素,例如:

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



的使用
在網頁中,節是很常見的形式,每節由若干段落構成,若在設計中,希望不僅是對各個段落,而是可以對網頁中的節進行樣式設定。這時就可以使用
,它的主要用途是指定網頁中某節或某區域的外觀展示細節。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板