HTML連結

乞力馬紮羅的雪CYF發表於2015-09-27
HTML

1.連結資料：

（1）文字連結；

（2）圖片連結；


2.屬性：

href屬性：指向另一個文件的連結；

name屬性：建立文件內的連結；


3.img標籤屬性：

alt:替換文字屬性；

width：寬；

height：高；


實現程式碼如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>連結</title>
</head>
<body>

<!--文字連結-->
    <a href="http://www.baidu.com">點選我</a>
    <br/> <br/>

<!--圖片連結  :點選這張圖片進行跳轉-->
    <a href="img.jpg">

        <!--修改圖片大小-->
        <img src="img.jpg" width="400px" height="300px" alt="抱歉，圖片不能顯示">
    </a>
<br/> <br/>


<!--文件內部連結-->

    <a name="here"> 這是頁面的頂部</a>

<br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/>
<br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/>
<br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/>
<br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/>
<br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/>
<br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/> <br/><br/>
<br/><br/> <br/><br/> <br/>
    <a href="#here">回到頂部</a>

</body>
</html>

注意：這裡有一個文件內連結，常常在同一個頁面中進行垂直方向上的跳轉，我們常常在瀏覽網頁中碰到“回到頂部”這個功能，也就是使用文件內連結實現的。


github主頁：https://github.com/chenyufeng1991  。歡迎大家訪問！

相關文章