HTML圖片與超連接

時間 2019-11-11

標籤 html 圖片連接欄目 HTML 简体版

原文原文鏈接

網頁中想要跳轉到另外的一個頁面就須要使用到超連接。語法形式：html

<a href="http://www.baidu.com">百度連接</a>

1、超連接標籤框架

通常而言這樣是最簡單的方式進行頁面超連接跳轉，可是還存在其餘的屬性。動畫

在爲了有利於搜索引擎檢索你的內容時，添加title屬性；
並且還有一種需求，就是在何處打開你所連接的頁面，這時須要用到target屬性；
大部分的超鏈都只具備一個href屬性，可是做爲建議還應添加上title屬性，形如：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>超連接</title>
    </head>
    <body>
        <a href="http://www.baidu.com" title="百度" target="_target">百度連接</a>
    </body>
</html>

target經常使用屬性說明：搜索引擎

_blank：在新的窗口之中打開連接頁面；
_self：在自身窗口打開連接頁面，默認；
_parent：如今的頁面若是沒有父框架，通常使用這個與_self基本上是同樣的。

2、圖片spa

如今大部分網頁都具有圖片元素，在正常狀況下，直接使用標籤進行圖片加載：code

<img src="img.jpeg" />

src屬性值是圖片的路徑，能夠是相對路徑，也能夠是絕對路徑，通常使用的圖片資源會整合在網頁項目的某個文件下面，以便於調用和管理。htm

img也具備一些比較經常使用的其餘元素：blog

title：這個屬性是鼠標懸停在圖片上，顯示的提示信息；
alt : 這個屬性是當圖片出現意外狀況，圖片沒有正確顯示的文本替換。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>超連接</title>
    </head>
    <body>
        <img src="img.jpeg" title="pic" alt="image" />
    </body>
</html>