html中常用的標籤-超連結標籤

ZHOU_VIP發表於2017-06-17

超連結標籤(******)
    * 連結資源(******)
        - <a href="連結到資源的路徑"> 顯示在頁面上的內容  </a>  例如:<a href="http://www.baidu.com">點選百度</a>
            ** href: 連結的資源的地址,href 是必須屬性,否則<a>元素就變成空元素了。
                     如果屬性值是http://開頭的URL,意味著點選跳轉到指定的外部網站。
            ** target:設定開啟的方式 ,預設是在當前頁開啟
                -- _blank : 在一個新視窗開啟
                -- _self: 在當前頁開啟,預設
                -- _parent :在父窗框組(frameset)中開啟
                -- _top :在頂層視窗開啟
                
                說明:這四種最常用的是_blank,新建一個視窗。而_self 是預設,當前視窗開啟。_parent
                      和_top 是基於框架頁面的,分別表示在父視窗開啟和在整個視窗開啟。而HTML5 中,框架
                      基本被廢棄,只能使用<iframe>元素,且以後大量結合JavaScript和PHP等語言配合,
                      框架用的就很少了。
                
        - 當超連結不需要到任何的地址,在href裡面加#
            - <a href="#">這是一個超連結2</a>

    * 定位資源(一般網站在底部設定一個按鈕“回頂部”),錨點定位
        ** 如果想要定位資源:定義一個位置 
            //錨點
            <a name="top">頂部</a>
        ** 回到這個位置
            //連結
            <a href="#top">回到頂部</a>
            
        ** 引入一個標籤 pre:原樣輸出,寫什麼樣子它就給你輸出什麼樣子


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<a name="top">頂部</a>
		<pre>
			生活很精彩,有自己生活的人,就是高價值的人
			生活很精彩,有自己生活的人,就是高價值的人
			生活很精彩,有自己生活的人,就是高價值的人
			生活很精彩,有自己生活的人,就是高價值的人
			生活很精彩,有自己生活的人,就是高價值的人
			生活很精彩,有自己生活的人,就是高價值的人
			生活很精彩,有自己生活的人,就是高價值的人
			生活很精彩,有自己生活的人,就是高價值的人
			生活很精彩,有自己生活的人,就是高價值的人
			生活很精彩,有自己生活的人,就是高價值的人
			生活很精彩,有自己生活的人,就是高價值的人
			生活很精彩,有自己生活的人,就是高價值的人
			生活很精彩,有自己生活的人,就是高價值的人
			生活很精彩,有自己生活的人,就是高價值的人
			生活很精彩,有自己生活的人,就是高價值的人
			生活很精彩,有自己生活的人,就是高價值的人
		</pre>
		<a href="#top">回到頂部</a>
	</body>
</html>



相關文章