首頁 >web前端 >H5教程 >H5學習之旅-H5的超連結以及圖片連結(6)

H5學習之旅-H5的超連結以及圖片連結(6)

黄舟
黄舟原創
2017-02-17 14:26:232056瀏覽

連結內容

1.文字連結

2.圖片連結

屬性

href:指向另一個文件的連結

name:文件內部的連結屬性

width:寬

height:高

程式碼實例

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5样式</title></head><body>
    <a href="http://www.baidu.com">点击我跳转</a>
    <a href="http://www.baidu.com">
        <img src="images/hello.jpg" width="100px" height="100px" alt="美女">
    </a>
    <a name="tips">hello liupeng</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/>
    <a href="#tips">跳转到hello</a></body></html>

效果圖

.紙連結

屬性

href:指向另一個文件的連結


name:文檔內部的連結

img標籤屬性

alt:替換文字屬性

width:寬

height:高

代碼實例

reee以上就是H5學習之旅-H5的超連結以及圖片連結(6)的內容,更多相關內容請關注PHP中文網(www.php.cn)!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn