在 HTML 裡把圖片加上超連結的方法

2021-10-20 08:44:01

在 html 裡如果要顯示圖片是使用 img 的標籤，比如：

<img src="url">

而要設定超連結的話則是使用 a 的標籤：

<a href="url">link</a>

如果希望超連結是放在圖片上的，只要用 a 標籤把 img 標籤包起來即可。

<a href="url"><img src="pic-url"></a>

Recompressor- 免費線上圖片壓縮，支援 jpg、png 以及 svg 格式 DaFont- 線上免費字型資源庫

你可能也會喜歡的

網頁小知識#1- html 檔名設為 index 的目的

GDB online Debugger：簡單易用的線上程式編輯與除錯工具

Code Guide- 提供建議讓你的 HTML 及 CSS 可以寫得更好

Unminify- 讓你的 CSS, javascript, XML, HTML 和 JSON 的 code 更漂亮以及更有可讀性的線上工具

如何防止別人將網頁透過 iframe 嵌入其他網站

掌握專業程式技能：GoalKicker.com免費學習資源大全

課程推薦

AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生

《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。

輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。