超链接
HTML 5保留了定义超链接的<a.../>元素,它具有如下重要属性：
➢ href：指定超链接所关联的另一个资源。
➢ target：指定使用框架集中的哪个框架来装载另一个资源。该属性的属性值可以是_self、_blank、_top、_parent四个值，分别代表使用自身、新窗口、顶层框架、父框架来装载新资源。
例子：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title> 超链接 </title>
</head>
<body>
<!-- 在本窗口打开另一个资源 -->
<a href="http://www.vs2022.com"><b>IT料理</b></a><br />
<!-- 在新窗口中打开另一个资源 -->
<a href="http://www.vs2022.com"
target="_blank"><em>IT料理</em></a><br />
<!-- 为图像增加超链接 -->
<a href="http://www.vs2022.com"><img src="img/logo.jpg"
alt="IT料理"/></a><br />
<!-- 基于相对路径指定另一个资源 -->
<a href="text.html">文本格式化标签</a><br />
</body>
</html>
提示
上面代码定义了四个超链接，分别是粗体字超链接、斜体字超链接、图像超链接和普通超链接，当我们使用<a.../>元素时，href属性值既可是绝对路径，也可是相对路径。当指定绝对路径时，href属性值为URL（Uniform Resource Locator，统一资源定位器），URL用于对互联网上的文档（或其他资源）进行寻址。
锚点
<a.../>元素还可生成一个命名锚点，命名锚点用于在HTML页面中生成一个定位点，这样允许超链接直接链接到指定页面的该定位点。插入定位锚点需要指定name属性，name属性值就是该命名锚点的名称。例如如下代码：
<a name="test"></a>
用浏览器浏览命名锚点时，该命名锚点不会生成任何显示内容，我们可以使用如下超链接来定位到该锚点，定位到指定锚点需要在URL资源后指定锚点名，锚点名和URL资源之间以#隔开。
<a href="index.html#test">定位到test锚点</a>
图像
HTML 5保留了<img.../>元素在页面中定义图像，这个元素只能是一个空元素，它不可以包含任何内容,使用该元素必须指定如下两个属性。
➢ src：该属性指定图片文件所在的位置，该属性值既可以是相对路径，也可以是绝对路径。
➢ alt：该属性指定一段文本，该文本将作为该图片的提示信息。
除此之外，该元素还可以指定如下两个可选属性。
➢ height：指定该图片的高度，该属性值可以是百分比，也可以是像素值。
➢ width：指定该图片的宽度，该属性值可以是百分比，也可以是像素值。
例子
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title> 图片相关标签 </title>
</head>
<body>
<img src="images/logo.jpg" alt="IT料理" /><br />
<!-- 定义图片，指定高、宽 -->
<img src="images/logo.jpg" width="300" height="120"
alt="IT料理" /><br />
</body>
</html>
框架
HTML 5保留了一个与框架相关的元素：<iframe.../>元素，该元素可以在普通HTML页面中使用，该元素用于在普通HTML页面中生成一个内联框架，可以直接放在HTML页面的任意位置。该元素可指定如下属性。
➢ src：该属性指定一个URL，指定该iframe将装载哪个页面。
例子
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title> 内联框架 </title>
</head>
<body>
<iframe src="www.vs2022.com" width="1200" height="820"></iframe>
主页面内容
</body>
</html>
注：本博客内容节选自李刚编著的疯狂HTML 5/CSS 3/JavaScript讲义 ，详细内容请参阅书籍。