html之超鏈接、圖片


1、<a> 超鏈接標簽

a標簽常用的屬性:
href : 用於指定鏈接的資源
target: 設置打開新資源的目標。 _Blank 在獨立的窗口上打開新資源 _self 在當前窗口打開新資源

file: file協議(文件協議)這種協議主要是用於搜索本地機器的資源文件的。

格式:
file:\\\f:\美女\1.jpg

a標簽的原理:
1. a標簽的href屬性值如果是以http開頭的,那么瀏覽器會馬上啟動http解釋器去解釋該網址,首先
會在本地機器去找一個hosts文件, 如果在hosts文件上該域名沒有對應的主機,那么瀏覽器就去到對應的
dns服務器去尋找該域名對應的主機號。如果找到了對應的主機,那么該請求就會發給對應的主機。


2. 如果a標簽的href屬性值沒有以任何協議開頭,那么瀏覽就會啟動file協議解釋器去解釋該資源路徑。

3. 如果a標簽的href屬性值並不是以http開始,而且其他 的一些協議,那么這時候瀏覽器就回去到我們本地的注冊
表中去查找是否有處理這種協議 的應用程序,如果有,那么馬上啟動該應用程序處理該協議。

郵件的協議: mailTo
迅雷的協議: thunder

超鏈接標簽的作用:
1. 可以用於鏈接資源。
2. 錨點點位.
1. 首先編寫一個錨點 錨點的格式: <a name="錨點名字"> 數據</a>
2. 使用a標簽 的herf屬性連接到錨點出。 href=”#錨點的名字“

    <a href="http://www.baidu.com">百度</a>
<a target="_blank" href="2常用的標簽.html">帶你去看1.html</a><br/>
如果有需要請發送郵件至:<a href="mailTo:123456@qq.com">123456@qq.com</a><br/> <a href="thunder://aa一個人.avi">一個人.avi</a>

<a name="top">頂部</a> <!--錨點 -->
qqqqqqq
qqqqqqq
qqqqqqq
  <a href="#top">回到頂部</a> 

 

2、圖片

<img>圖片標簽:

img標簽常用的屬性:
width: 設置圖片寬度
height 設置圖片高度
alt: 如果圖片資源無法找到,那么就顯示對應的文字對圖片進行說明。

設置熱點圖:

設置圖片冒個區域為鏈接

<img src="4.jpg" width="400" height="300" usemap="#Map"/>
<map name="Map">
<!--coords中分別是圖片具里左上邊的距離,另外連個為寬和高--> <area shape="rect" coords="124,68,320,209" href="http://www.baidu.com" target="_self"> </map>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM