HTML基礎5--強調及超連結
阿新 • • 發佈：2020-09-07
重點強調
HTML 也提供了相應的標籤，用於標記某些文字，使其具有加粗、傾斜、下劃線等效果
- 強調
斜體字型，用<em>（emphasis）元素來標記這樣的情況
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>TITLE</title> </head> <body> <p> 公眾號：<em>伊洛的小屋</em> 作者：<em>伊洛Yiluo</em>.</p> </body> </html>
- 非常重要
在HTML中我們用<strong>表示文字十分重要，一般用粗體顯示。") (strong importance) 元素來標記
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>TITLE</title> </head> <body> <p> 公眾號：<strong>伊洛的小屋</strong> 作者：<strong>伊洛Yiluo</strong>.</p> </body> </html>
- 斜體字、粗體字、下劃線...
<i>被用來傳達傳統上用斜體表達的意義
<b>用於吸引讀者的注意到該元素的內容上（如果沒有另加特別強調）
<u>被用來傳達傳統上用下劃線表達的意義：專有名詞，拼寫錯誤……
超連結
超連結使我們能夠將我們的文件連結到任何其他文件，URL可以指向HTML檔案、文字檔案、影象、文字文件、視訊和音訊檔案以及可以在網路上儲存的任何其他內容
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>TITLE</title> </head> <body> <p>微信搜尋：伊洛的小屋 <a href="https://yiluotalk.com">伊洛Yiluo個人網頁</a>. </p> </body> </html>
新增支援資訊
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TITLE</title>
</head>
<body>
<p>微信搜尋：伊洛的小屋
<a href="https://yiluotalk.com" title="跳轉到伊洛Yiluo個人網頁">
伊洛Yiluo個人網頁
</a>
</p>
</body>
</html>
連結的標題僅當滑鼠懸停在其上時才會顯示
文件片段
超連結除了可以連結到文件外，也可以連結到HTML文件的特定部分，首先給要連結到的元素分配一個[id]屬性。
在URL的結尾使用一個井號指向它
<p>Test <a href="contacts.html#Mailing_address">mailing address</a>.</p>
下載連結時使用 download 屬性
使用 download 屬性來提供一個預設的儲存檔名
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TITLE</title>
</head>
<body>
<a href="https://yiluotalk.com/download/"
download="yiluo.pdf">
Download PDF
</a>
</body>
</html>
電子郵件連結
當點選一個連結或按鈕時，開啟一個新的電子郵件傳送資訊而不是連線到一個資源或頁面
使用<a>元素和mailto：URL的方案
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TITLE</title>
</head>
<body>
<a href="mailto:[email protected]">傳送郵箱演示（這是個非真實郵箱）</a>
</body>
</html>