在HTML中，連結和圖片是構建網頁的基本元素之一，它們分別透過<a>標籤和<img>標籤來實現。
詳細文件：
連結（Anchor）
連結，也稱為錨點，允許使用者點選跳轉到另一個頁面或頁面內的某個部分。連結的基本語法如下：
<a href="url">連結文字</a>
href屬性指定連結目標的URL。連結文字是顯示給使用者的可點選文字。
示例
-
外部連結：
<a href="https://www.example.com">訪問Example網站</a> -
內部連結（頁面內跳轉）：
<a href="#section1">跳轉到Section 1</a>需要在頁面某處有對應的ID：
<h2 id="section1">Section 1</h2> -
郵件連結：
<a href="mailto:someone@example.com">傳送郵件</a>
圖片（Image）
圖片標籤<img>用於在網頁中嵌入一張圖片，基本語法如下：
<img src="image_url" alt="替代文字">
src屬性指定圖片的URL。alt屬性提供圖片的替代文字，如果出於某種原因圖片無法顯示，將顯示該文字。
示例
<img src="https://www.example.com/image.jpg" alt="示例圖片">
實用提示
- 對於連結和圖片，始終包含
alt屬性（對於圖片）和有意義的文字（對於連結）。這不僅有助於提高可訪問性，對於搜尋引擎最佳化（SEO）也是一個好習慣。 - 使用相對路徑（如
<img src="/images/picture.jpg">）來引用同一網站內的資源，這樣在遷移站點或更改域名時會更加方便。 - 對於重要的圖片，考慮提供多種尺寸以支援不同的裝置和螢幕解析度，可以使用
<picture>元素或在CSS中使用響應式圖片技術。
詳細文件：