HTML 链接与图片
学习 a 标签创建超链接和 img 标签插入图片 · 难度：入门 · +10XP
HTML 链接与图片
<a>标签创建超链接，<img>标签插入图片。这是网页最基本的两个元素。
超链接 <a>
<a href="https://www.wmdxc.com">访问武鸣大学城</a>
<a href="/learning/">学习中心</a>
<a href="mailto:admin@wmdxc.com">发送邮件</a>
<a href="tel:13800000000">拨打电话</a>
<a href="#section2">跳到第二节</a>
<a href="https://wmdxc.com" target="_blank">新窗口打开</a>target属性
| 值 | 行为 |
|---|---|
_self | 当前窗口打开(默认) |
_blank | 新窗口/标签页打开 |
_parent | 父框架打开 |
图片 <img>
<img src="photo.jpg" alt="一张风景照片" width="400" height="300">
<img src="logo.png" alt="网站Logo" title="武鸣大学城">alt属性很重要！图片加载失败时显示替代文字，屏幕阅读器依赖它，搜索引擎也用它理解图片内容。
???? 练习任务
创建3个链接（外部/内部/邮件）和2张图片（带alt文字）。