前端之Html初學

http://www.cnblogs.com/yuanchenqi/articles/6835654.html

Html的結構:

 

瀏覽器渲染順序:從上到下,從左到右

用到最多的標籤div 和span,它們都是空白標籤,即它們沒有任何樣式

標籤按是否獨佔一行進行分類:

1 塊級標籤(block)獨佔一行 如h1  p  div

2 內聯標籤(inline)根據內容而定 sub  sup  span

標籤按是否成對出現進行分類:

1成對出現的(雙邊標記),如:開始標籤<div>和結束標籤</div>.它們之間的部分叫標籤體,標籤體能夠在瀏覽器的文本框中展示

2只有一個標籤,叫自閉和標籤.如:<img>

Meta標籤,它通常自設定時用到兩個屬性,分別是name和http-equiv屬性,

注:它不一樣的屬性又有不一樣的參數值,這些不一樣的參數值就能實現不一樣的網頁功能

(1)  name屬性:主要用於描述網頁,它與屬性content成對出現,以下:

<meta  name =」keywords」  content=」IT」>  表示的是在搜索關鍵字是IT的網頁時,會搜到該網頁.即當name屬性的參數值是keywords, content屬性的參數值是keywords的內容(以某某爲關鍵字),

<meta  name=」description」  content=」IT是溝通世界的橋樑」 > 表示的是對該網頁的簡單描述.content是描述的內容

(2)  http-equiv屬性:主要用於設置http協議中的響應協議的響應頭文件的內容,它能夠向瀏覽器傳回一些有用的信息,以幫助正確地顯示網頁的內容,它與屬性content成對出現,以下:

<meta http-equiv =」refresh」  content=」3;url地址」> 表示的是在當前頁面中停3秒後跳到url地址頁面中.http-equiv的參數值是響應頭文件中的refresh,而content的參數值是refresh對應的值,而refresh的做用是,等幾秒後跳到指定url頁面.注當content=」3;」只有時間沒有網址時,就是等3秒後自動刷新該頁面

<title>oldboy</title>   網頁的標題設爲oldboy,

<link rel=」icon」  href=http://www.jd.com/favicon.ico> 對網頁的圖標進行設置

2 對id的理解及使用

<p  id=」part1」>hello</p>   其中id是該p標籤的身份證,可惟一識別該標籤,經過#part1 就能定位該標籤