博客列表 >14期线上课程1208作业

14期线上课程1208作业

思闻_Sven
思闻_Sven原创
2020年12月09日 13:31:55465浏览

1208 作业

思闻_Sven

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>网页标签名称:1208作业</title>
  6. </head>
  7. <body>
  8. <div id="top"><h1>PHP中文网14期线上课程1208作业</h1></div><!-- 一级标题-->
  9. <div id="link"><h2>连接与锚点</h2></div><!-- 二级标题 -->
  10. <div>
  11. <ul> <!-- 无序列表 -->
  12. <!-- 锚点跳转 -->
  13. <li><a href="#image">跳转到图片</a></li>
  14. <!-- 新建标签打开连接 -->
  15. <li><a href="https://www.php.cn/" target="_blank">新建标签打开php中文网</a></li>
  16. <!-- 本标签打开连接 -->
  17. <li><a href="https://www.php.cn/" target="_self">本页面打开php中文网</a></li>
  18. <li><!-- 内联框架连接跳转 -->
  19. <a href="https://cn.bing.com/" target="in_box">必应</a>
  20. <a href="https://www.baidu.com/" target="in_box">百度</a></br>
  21. <iframe name="in_box" src="https://www.baidu.com/" width="1600" height="900"></iframe>
  22. </li>
  23. </ul>
  24. </div>
  25. <div id="image"><h2>图片</h2></div><!-- 二级标题 -->
  26. <ol type="I"> <!-- 有序列表 -->
  27. <li><!-- 图片加载失败时会显示alt属性中填写的图像的替代文本;图片也可以作为连接的载体 -->
  28. <h3>图像加载失败时</h3><br><!-- 三级标题 -->
  29. <a href="#link"><img src="" alt="(假装有图片)点击回到“连接与锚点”"></a>
  30. </li>
  31. <li><!--图片加载,除非已知所加载图片的宽高比,一般不同时设置加载图片的宽与高-->
  32. <h3>图像加载成功时</h3><br><!-- 三级标题 -->
  33. <img src="https://img.php.cn/upload/course/000/000/001/5fae4f08a043a576.png" alt="14期线上课程" height="300px">
  34. </li>
  35. </ol>
  36. </body>
  37. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议