基本介紹
定義
image標籤:<img> 如:<img src="log.gif">
標籤屬性
alt(圖像的文字說明,滑鼠移動上去顯示),align(圖像和周圍文本的對齊方式),border(圖像框線值),width(圖像寬度),height(圖像高度)
例:aaa<img src="log.gif" border=0 alt=baidu align=top\left\right\middle>bbb
以下是完整的<img>標籤屬性列表(帶有#的為HTML5中的新屬性):
屬性 | 值 | 描述 |
align | to pbottom middle left right | HTML5 不支持。HTML 4.01 已廢棄。規定如何根據周圍的文本來排列圖像。 |
alt | text | 規定圖像的替代文本。 |
border | pixels | HTML5 不支持。HTML 4.01 已廢棄。規定圖像周圍的框線。 |
crossorigin(#) | anonymous use-credentials | 設定圖像的跨域屬性 |
height | pixels | 規定圖像的高度。 |
hspace | pixels | HTML5 不支持。HTML 4.01 已廢棄。規定圖像左側和右側的空白。 |
ismap | ismap | 將圖像規定為伺服器端圖像映射。 |
longdesc | URL | HTML5 不支持。HTML 4.01 已廢棄。指向包含長的圖像描述文檔的 URL。 |
src | URL | 規定顯示圖像的 URL。 |
usemap | #mapname | 將圖像定義為客戶器端圖像映射。 |
vspace | pixels | HTML5 不支持。HTML 4.01 已廢棄。規定圖像頂部和底部的空白。 |
width | pixels | 規定圖像的寬度。 |
顯示過程
分析:web伺服器是怎么藉助<img>標籤來收集其他web站點的頁面訪問次數的?
用於提供靜態的顯示訪問次數web伺服器a + 提供訪問統計的web伺服器b
具體流程:當瀏覽器訪問web伺服器a的時候,伺服器a返回url內容,其中包含了img圖像的訪問源src,src地址指向具有計數功能的伺服器b,b伺服器資料庫存儲了a伺服器的訪問次數,並且有訪問次數加1的伺服器端程式,當瀏覽器訪問a伺服器時,b伺服器在資料庫中取出a伺服器的訪問次數,並執行訪問次數加1的程式,存儲在b伺服器中,並將加1後的img檔案傳遞給瀏覽器。
<hr>標籤創建水平線,可以設定size\color\width\noshade屬性(水平下寬度、顏色、長度、無陰影)。