1208 作业
思闻_Sven
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>网页标签名称:1208作业</title>
</head>
<body>
<div id="top"><h1>PHP中文网14期线上课程1208作业</h1></div><!-- 一级标题-->
<div id="link"><h2>连接与锚点</h2></div><!-- 二级标题 -->
<div>
<ul> <!-- 无序列表 -->
<!-- 锚点跳转 -->
<li><a href="#image">跳转到图片</a></li>
<!-- 新建标签打开连接 -->
<li><a href="https://www.php.cn/" target="_blank">新建标签打开php中文网</a></li>
<!-- 本标签打开连接 -->
<li><a href="https://www.php.cn/" target="_self">本页面打开php中文网</a></li>
<li><!-- 内联框架连接跳转 -->
<a href="https://cn.bing.com/" target="in_box">必应</a>
<a href="https://www.baidu.com/" target="in_box">百度</a></br>
<iframe name="in_box" src="https://www.baidu.com/" width="1600" height="900"></iframe>
</li>
</ul>
</div>
<div id="image"><h2>图片</h2></div><!-- 二级标题 -->
<ol type="I"> <!-- 有序列表 -->
<li><!-- 图片加载失败时会显示alt属性中填写的图像的替代文本;图片也可以作为连接的载体 -->
<h3>图像加载失败时</h3><br><!-- 三级标题 -->
<a href="#link"><img src="" alt="(假装有图片)点击回到“连接与锚点”"></a>
</li>
<li><!--图片加载,除非已知所加载图片的宽高比,一般不同时设置加载图片的宽与高-->
<h3>图像加载成功时</h3><br><!-- 三级标题 -->
<img src="https://img.php.cn/upload/course/000/000/001/5fae4f08a043a576.png" alt="14期线上课程" height="300px">
</li>
</ol>
</body>
</html>