Html5---3.插入图片+超链接+锚链接
在HTML5中,插入图片、超链接和锚链接可以通过以下方式实现:
<!DOCTYPE html>
<html>
<head>
<title>插入图片、超链接和锚链接示例</title>
</head>
<body>
<!-- 插入图片 -->
<img src="image.jpg" alt="描述文字" />
<!-- 超链接 -->
<a href="http://www.example.com">访问示例网站</a>
<!-- 锚链接 -->
<a href="#section2">跳转到页面的第二部分</a>
<!-- 页面内部的锚点 -->
<h2 id="section2">第二部分标题</h2>
<!-- 在此处编写第二部分的内容 -->
</body>
</html>
在这个例子中:
<img>
标签用来插入图片,src
属性指定图片文件的路径,alt
属性提供图片的文本描述。<a>
标签用来创建超链接,href
属性指定链接的目标地址。<a href="#section2">
创建了一个锚链接,点击后会跳转到页面中id="section2"
元素的位置。
评论已关闭