一，效果圖。 二，代碼。 參考資料：《菜鳥教程》 ...
一，效果圖。
二，代碼。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html鏈接</title>
</head>
<body>
<!--HTML鏈接語法-->
<a href="https://www.baidu.com">百度</a>
<!--HTMl target-->
<a href="https://www.baidu.com" target="_blank">百度</a>
<!---id-->
<a id="tips">有用的提示部分</a>
<a href="#tips">訪問有用的提示部分</a>
<a href="https://www.baidu.com/html-links.htm#tips">訪問有用的提示部分</a>
<!--圖片鏈接-->
<p>
創建圖片鏈接:
<a href="http://www.runoob.com/html/html-tutorial.html">
<img src="smiley.gif" alt="html 教程" width="32" height="32">
</a>
<p>
<!--跳出框架-->
<p>跳出框架？</p>
<a href="http:www.baidu.com/" target="_top">點擊這裡</a>
<!--創建電子郵件鏈接-->
<p>這是一個電子郵件鏈接:<a href="mailto:[email protected]?Subject=Hello%20again" target="_top">發送郵件</a></p>
<p>
<b>註意:</b>單詞直接空格使用%20代替，以確保瀏覽器可以正常顯示文本
</p>
<!--建電子郵件鏈接2-->
<p>這是另一個電子郵件鏈接:
<a href="mailto:[email protected][email protected]&[email protected]&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">發送郵件!</a>
</p>
<p>
<b>註意:</b>單詞直接空要使用%20代替，以確保瀏覽器可以正常顯示文本。
</p>
</body>
</html>
參考資料：《菜鳥教程》
