【HTML篇】3.HTML的圖片標籤、超連接標籤

1.圖片標籤網絡

img
  src:圖片路徑學習

  width:設置圖片的寬度,若是是單獨設置,則保存圖片比例進行修改,單位能夠是px和%spa

  height:設置圖片的高度,若是是單獨設置,則保存圖片比例進行修改,單位能夠是px和%3d

  title:鼠標放在圖片上提示圖片名稱blog

  alt:當圖片路徑有誤的時候用來提示圖片

 

路徑:資源

  絕對路徑:從根盤符出發所查找文件的路徑get

  相對路徑:從當前文件出發查找另外一個文件所通過的路徑it

注:im

  1.通常本地圖片資源使用相對路徑便可

  2.圖片是行內元素

例:

2.超連接標籤

1.超連接標籤學習:

a:

  herf:要跳轉的頁面的資源路徑

  target:指明要跳轉的網頁資源的顯示位置

    _self:在當前頁面中刷新顯示

    _blank:在新的標籤頁中顯示

    _top:在頂層頁面中顯示

    _parent:在父級頁面中顯示

  本地資源:相對路徑

  網絡資源:其餘網址

  注:超連接中要聲明訪問方式,訪問方式能夠是文字也能夠是圖片

例:

 

 

2.錨點:

  做用:在一張網頁中進行資源調轉

  使用:

    1.使用超連接標籤在指定的網頁位置增長錨點,格式爲:

      <a name="錨點名"></a>

    2.使用a標籤能夠跳轉指定的錨點,達到網頁內部資源跳轉的目的,格式爲:

      <a href="#錨點名">訪問方式</a><br />

例:

相關文章
相關標籤/搜索