寒假學習HTML記錄4

相對路徑

以引用檔案所在的位置為參考基礎，而建立出的目錄路徑。
以圖片為例相對於HTML檔案
同一級路徑<img src="img.jpg"/>
下一級路徑<img src="資料夾/img.jpg"/>
上一級路徑<img src="../img.jpg"/>
絕對路徑：是指目錄下的絕對位置，直接到達目標位置，通常是從盼復開始的路徑。
例：

<body>
<img src="C:\資料夾1\資料夾2\img.jpg" 
>
/*本地圖片地址*/
<img src="https://img-home.csdnimg.cn/images/20201124032511.png">
/*網路圖片地址*/
</body>

注：
相對路徑：/
絕對路徑：\

超連結標籤⭐

語法格式
文字圖象

<a hrdf="跳轉目標" traget="目標視窗的彈出方式">文字圖象</a>

單詞anchor【錨】

href：用於指定連線目標的url地址（必須屬性）當為標籤應用href屬性時，它就具有了超連結的功能。
target：用於指定連線頁面的開啟方式，其中_self為預設值，_bland為在新視窗中開啟方式。

<body>
<h4>外部連結</h4>
<a href="http://www.qq.com" target="_blank">騰訊網</a>
/*target開啟視窗的方式預設的是_self為當前視窗開啟頁面，_blank是新視窗開啟頁面*/
</body>

外部連結

騰訊網
/*target開啟視窗的方式預設的是_self為當前視窗開啟頁面，_blank是新視窗開啟頁面*/

<body>
<h6>內部連結</h6>
<a href="同級檔案.html" 
 target="_blank">連結</a>
<h6>空連結</h6>
<a href="#">空連結</a>
<h6>下載連結：地址連結的是wenjian。exe或者。zip等壓縮包形式</h6>
<a href="同級檔案.zip">下載檔案</a>
<h6>網頁元素的連結</h6>
<a href="https://www.baidu.com/"><img src="https://img.796t.com/res/2021/02-04/07/d9c8750bed0b3c7d089fa7d55720d6cf.png" height="100" ></a>
</body>

執行結果：

內部連結

連結

空連結

下載連結：地址連結的是wenjian。exe或者。zip等壓縮包形式

下載檔案

網頁元素的連結

注：
空連結：如果當時沒有確定連結目標時，便可以使用。
下載連結：如果href裡面的地址是一個檔案或者壓縮包，會西在這個檔案。
網頁元素連結：在網頁中的各種網頁元素，如文字，圖象，表格，音訊，視訊等，都可以新增超連結。

錨點連結

當我們點選連結，可以快速定位到頁面中的位置

<body>
<h6 id="maodian2"><a href="#maodian1">點這裡開始反覆橫跳</a></h6>
<br/>1
/*......*/
<h6 id="maodian1"><a href="#maodian2">點這裡開始反覆橫跳</a></h6>
</body>

點這裡開始反覆橫跳

1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1

點這裡開始反覆橫跳

特殊字元

	空格	&nbsp
<	小於號	&lt
>	大於號	&gt
&	和號	&amp
¥	人民幣	&yen
©	版權	&copy
®	註冊商標	&reg
°	攝氏度	&deg
±	正負號	&plusmn
×	乘號	&times
÷	除號	&divide
²	平方2（上標²）	&sup2

寒假學習HTML記錄4