網頁中想要跳轉到另外的一個頁面就需要使用到超鏈接。語法形式：
<a href="http://www.baidu.com">百度鏈接</a>
一、超鏈接標簽
一般而言這樣是最簡單的方式進行頁面超鏈接跳轉，但是還存在其他的屬性。
- 在為了有利於搜索引擎檢索你的內容時，添加title屬性；
- 而且還有一種需求，就是在何處打開你所鏈接的頁面，這時需要用到target屬性；
- 大部分的超鏈都只具有一個href屬性，但是作為建議還應添加上title屬性，形如：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>超鏈接</title> </head> <body> <a href="http://www.baidu.com" title="百度" target="_target">百度鏈接</a> </body> </html>
target常用屬性說明：
- _blank：在新的窗口之中打開鏈接頁面；
- _self：在自身窗口打開鏈接頁面，默認；
- _parent：現在的頁面如果沒有父框架，一般使用這個與_self基本上是一樣的。
二、圖片
現在大部分網頁都具備圖片元素，在正常情況下，直接使用標簽進行圖片加載：
<img src="img.jpeg" />
src屬性值是圖片的路徑，可以是相對路徑，也可以是絕對路徑，一般使用的圖片資源會整合在網頁項目的某個文件下面，以便於調用和管理。
img也具有一些比較常用的其他元素：
- title： 這個屬性是鼠標懸停在圖片上，顯示的提示信息；
- alt : 這個屬性是當圖片出現意外情況，圖片沒有正確顯示的文本替換。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>超鏈接</title> </head> <body> <img src="img.jpeg" title="pic" alt="image" /> </body> </html>
很多時候圖片不是作為單獨的使用，除非圖片作為資源專程顯示某些內容。
圖片元素如今可以說是如今網頁不可或缺的元素，所以在真正使用到圖片的時候並不簡單，比如輪播圖，背景圖或者圖標等等，或許作為背景圖，或許配合動畫效果，是網頁更加具有表現力。