img圖像標簽和超鏈接標簽a


圖像標簽
語法:
<img src="" alt="".../>

img屬性:
src=""  顯示圖像的URL
alt=""  鼠標放在圖片上顯示的文字,用於網速太慢,src屬性中的錯誤,或者瀏覽器禁用圖像
height=    數值和百分比 圖像的高  使用百分比時,圖片高度會隨着其父元素的高變化而變化
width=    數值和百分比 圖像的寬  使用百分比時,圖片寬度會隨着其父元素的寬變化而變化

絕對路徑:從盤符開始寫的路徑。
相對路徑:圖片相對於開發網頁的路徑。


網頁與圖片同一目錄下:
<img src="1.jpg"/>

圖片在網頁上一級目錄中:
<img src="../1.jpg"/>

圖片在網頁下面一級目錄:
<img src="文件名/1.jpg"/>


超鏈接標簽
語法:
<a href="">內容</a>
當鏈接為空的時候,點擊超鏈接會刷新頁面。<a href="">刷新<a/>
href:鏈接地址,可以是內部鏈接(站內鏈接使用相對連接)或者外部鏈接(站外鏈接要用絕對鏈接)。

a的其他屬性:
target="_self" 在本窗口進行跳轉
target="_blank" 新建一個窗口
target="_top"  在框架中的原來窗口打開
target="_parent" 在框架中的父窗口進行跳轉

title="" 鼠標懸浮在鏈接上面時提示該鏈接的內容
name=""  鏈接命名,俗稱錨。在也錨時,一定要#+錨名。

同一頁面進行跳轉到的超鏈接標簽,定義錨,錨定義下那里就以錨名所在的位置為起始位置顯示在網頁第一行:
<a href="#錨名1"> 目錄1</a>
<a href="#錨名2">目錄2</a>
在頁面中有時候可以使用空連接進行定位,如:
<a name="JsText"></a>

同一網頁進行跳轉的步驟:
1,在需要跳轉的位置設置錨名(這里可以是一個空連接<a href="" name="position">產品介紹</a>)
2,在設置點擊跳轉鏈接如:<a href="#position">產品介紹</a>  注意跳轉鏈接是使用href指定要跳轉的位置。這里一定要使用#+錨名。
錨點鏈接,命名錨點使用的是name屬性值; href屬性用於指定要鏈接內容的地址.

超鏈接標簽

定義錨:(不同頁面的錨點)

1,<a href="網頁#錨名">...</a>

2,<a name="錨名">...</a>

錨鏈接和超鏈接都是使用<a>標簽定義;命名錨點使用<a>標簽的name屬性值,

使用<a>標簽的 href屬性指定要鏈接到錨點的位置,可跳轉到同一網頁和不同網頁內;超鏈接打開網頁。

跳轉到同一頁面超鏈接設置的錨位置<a href=“#錨名”>,跳轉到不同頁面中超鏈接設置的錨位置<a href=“網頁名#錨名”>。

發送郵件

使用超鏈接拓展到發送郵件(如果想要發送成功就必須安裝郵箱軟件):

<a href="mailto:304676177@qq.com">反饋意見</a>

下載文件

<a href="下載文件的地址即可下載">文件下載</a>

<a href="pictures.rar">下載文件</a>

<a href="Documents.rar">下載文件</a>

瀏覽器會根據下載地址進行判斷,如果改地址是進入官網地址進行,那就直接進入官網下載頁面。

如果是直接進行下載,那么就會直接跳出下載窗口進行下載。瀏覽器會自動判斷如何下載,再顯示窗口。

此外還可以在連接上右擊---選擇---另存為...(修改下載存放目錄)

 


免責聲明!

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



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