網頁Web-HTML-6-超連結<a href="#"></a>

  • 10322
  • 0
  • html
  • 2025-06-20

文、意如

 

 

製作超連結

<a href="https://tw.yahoo.com/">Yahoo奇摩</a>

 

 

製作超連結在項目符號內


<ul>

	<li><a href="https://tw.yahoo.com/">Yahoo奇摩</a></li>
	<li><a href="https://www.dotblogs.com.tw/YiruAtStudio">yiru@studio</a></li>
	<li><a href="https://www.ruten.com.tw/" target="_blank">露天拍賣</a></li>
	<li><a href="#">Yahoo奇摩</a></li>
</ul>

 

 

 

 

如果路徑尚未知,可以使用#字號當作假的超連結路徑

<a href="#">Yahoo奇摩</a>

 

點選超連結後,開新視窗

屬性為:target="_blank"

例:

<a href="https://www.ruten.com.tw/" target="_blank">露天拍賣</a>

 

 

 

在body屬性中控制超連結顏色

body 屬性

  • link=控制連結顏色
  • vlink=控制已閱讀過的顏色
  • alink=控制正在連結的顏色
<body vlink="red" alink="green" link="#470024">
錨點
<!-- 錨點 -->
<a href="#section2">跳到第二段</a>

<!-- 目標區塊 -->
<h2 id="section2">第二段內容</h2>

..

項目中插入連結
<body vlink="red" alink="green" link="#9F35FF">

<a href="https://tw.yahoo.com/">Yahoo奇摩</a>

<ul>

	<li><a href="https://tw.yahoo.com/">Yahoo奇摩</a></li>
	<li><a href="https://www.dotblogs.com.tw/YiruAtStudio">yiru@studio</a></li>
	<li><a href="https://www.ruten.com.tw/" target="_blank">露天拍賣</a></li>
	<li><a href="#">Yahoo奇摩</a></li>
</ul>

 

 

Yiru@Studio - 關於我 - 意如