首頁 >web前端 >css教學 >html的基本使用(HTML標籤解釋)_CSS/HTML

html的基本使用(HTML標籤解釋)_CSS/HTML

WBOY
WBOY原創
2016-05-16 12:03:592245瀏覽

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

1.本地連結
①絕對路勁:
絕對路勁連結到本地圖片
②相對路勁
相對路勁連結至本機圖片
③連結到上一級目錄


2、URL連結
形式:協定名稱://主機.網域/路勁/檔案名稱
協定包括:
file       本地系統檔案
http          本地系統檔案
http          本地系統檔案
http          本地系統檔案
http  伺服器
ftp        ftp伺服器
telnet     以TELNET為基礎的協定
mailto    電子郵件
news      U1505>g HREF="" > 百度一下


3、目錄連結
先把某段落設定為連結位置,格式為:

再呼叫此連結部分的文件,定義連結:
連結文字
當然如果在一個檔案內跳轉,檔案名稱就可以省略不寫。

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


cnltphpcnFRAME SRC="url ">
...


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


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


phpcnltcn遠
3、各視窗間的相互操作
①frame的src屬性用來指定要連結的內容,name屬性指定該視窗的名字,target屬性用來指定所連結的檔案出現在哪一窗口,其值可以是name定義的名稱,也可以是下面四類值:
    顯示一個新視窗
  顯示在Frameset的前一份文件的視窗
       顯示在整個瀏覽器視窗
②orderframe)
php_L&jcnf 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
的使用
在有些情況下,要求某些特殊的字體屬性只應用於整個段落的部分文本,例如把某個字或詞組設定為不一樣的字體或背景等等。這是就可以使用元素,例如:

我非常喜歡

的使用
在網頁中,節是很常見的形式,每節由若干段落構成,若在設計中,希望不僅是對各個段落,而是可以對網頁中的節進行樣式設定。這時就可以使用
,它的主要用途是指定網頁中某節或某區域的外觀展示細節。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn