html +css學習筆記(2)

來源:互聯網
上載者:User

在架構中開啟視窗

不用開啟一個完整的瀏覽器視窗,使用 target 更通常的方法是在一個 <frameset> 顯示中將超連結內容定向到一個或者多個架構中。可以將這個內容列表放入一個帶有兩個架構的文檔的其中一個架構中,並用這個相鄰的架構來顯示選定的文檔:

<frameset cols="100,*">  <frame src="toc.html">  <frame src="pref.html" name="view_frame"></frameset> 

當瀏覽器最初顯示這兩個架構的時候,左邊這個架構套件含目錄,右邊這個架構套件含前言。

這是 "toc.html" 的原始碼:

<h3>Table of Contents</h3><ul>  <li><a href="pref.html" target="view_frame">Preface</a></li>  <li><a href="chap1.html" target="view_frame">Chapter 1</a></li>  <li><a href="chap2.html" target="view_frame">Chapter 2</a></li>  <li><a href="chap3.html" target="view_frame">Chapter 3</a></li></ul>

請注意,在文檔 "toc.html" 中,每個連結的目標都是 "view_frame",也就是右邊的架構。

當使用者從左邊架構中的目錄中選擇一個連結時,瀏覽器會將這個關聯的文檔載入並顯示在右邊這個 "view_frame" 架構中。當其他連結被選中時,右邊這個架構中的內容也會發生變化,而左邊這個架構始終保持不變。

特殊的目標

有 4 個保留的目標名稱用作特殊的文檔重新導向操作:

_blank

瀏覽器總在一個新開啟、未命名的視窗中載入目的文件。

_self

這個目標的值對所有沒有指定目標的 <a> 標籤是預設目標,它使得目的文件載入並顯示在相同的架構或者視窗中作為來源文件。這個目標是多餘且不必要的,除非和文檔標題 <base> 標籤中的 target 屬性一起使用。

_parent

就是在父視窗進行頁面的載入

這個目標使得文檔載入父視窗或者包含來超連結引用的架構的框架組。如果這個引用是在視窗或者在頂級架構中,那麼它與目標 _self 等效。

_top

 

這個目標使得文檔載入包含這個超連結的視窗,用 _top 目標將會清除所有被包含的架構並將文檔載入整個瀏覽器視窗。

提示:這些 target 的所有 4 個值都以底線開始。任何其他用一個底線作為開頭的視窗或者目標都會被瀏覽器忽略,因此,不要將底線作為文檔中定義的任何架構 name 或 id 的第一個字元。

3.

<br>和<br/>具有相同作用,但前者是老的html規範,新的規範(W3C//DTD HTML 4.0)要求一切都應象XML那樣有結束符,如果沒有也要硬加一個反斜線。象br這種不需成對使用的html符號,就成了這個樣子:<br/>。目前來說瀏覽器並不細分這二者有什麼區別,但日後可能逐漸統一到新標準上來,而<br>最終將不在被瀏覽器支援。

5.<textarea><textarea cols="30" rows="5">領先的 Web 技術教程 - 全部免費在w3school,你可以找到你所需要的所有的網站建設教程。從基礎的HTML到XHTML,乃至進階的XML、SQL、資料庫、多媒體和WAP。</textarea>Cols是指的列rows是可以顯示的行 這裡的30指的是位元組,預設是20位元組,但是textarea沒有maxLength屬性

6.<input>標籤有maxlength屬性可以設定最大輸入的長度(漢字和字母一樣)而size指的是可見的長度(漢字和字母不一樣)size=4   在oprea中是  4個字元兩個漢字在    ie中是5個字元   Firebox中也是5個字元   Chorm中是8個字元

7. 關於meta<meta http-equiv=”refresh” content=”5,url=http://www.baidu.com”>5秒後跳到另一個頁面 <meta http-equiv="content-type" content="text/html; charset=UTF-8">meta name="description" content="這裡是網頁的描述,是給搜尋引擎看的,

搜尋引擎根據這個描述進行收錄排名,一般是網頁內的關鍵字。"可以有多個META標籤,但是每個META的name不能一樣。name="description"是描述的意思。還有name="keywords",(關鍵字)等等。

 8.關於<table>標籤的cellpadding和cellspacingcellpadding 屬性規定的是單元邊沿與單元內容之間的空間cellspacing 屬性規定儲存格之間的空間。可以用一下css代替Table{Boder-collapse:collapse;Boder-spacing:0;
}

}Th,td{Boder-spacing:0}去掉<ul>中的.ul {list-style-type : none}

 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.