超連結標籤(******)
* 連結資源(******)
- <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>