博客列表 >0725课程作业关于元素与属性的关系、语义化的结构元素、语义化的文本元素、链接元素、列表元素

0725课程作业关于元素与属性的关系、语义化的结构元素、语义化的文本元素、链接元素、列表元素

唯爱
唯爱原创
2020年08月03日 21:38:47335浏览

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div class="buju" style="width: 500px; height: 500px; background-color: aquamarine;" >
<div class="zhudao">
<!-- 主导航栏 -->
<h2 style="font-weight: bolder; font-size: 50px; color: red;">
PHP中文网<sub style="font-size: 20px;"><i>php.cn</i></sub>
</h2>

  1. <ul>
  2. <li><a href="#">html/css初步了解</a></li>
  3. <li><a href="#">html/css深入了解</a></li>
  4. <li><a href="#">JavaScript学习</a></li>
  5. <li><a href="#">PHP入门了解</a></li>
  6. <li><a href="#">PHP深入了解</a></li>
  7. <li><a href="#">PHP实训结合</a></li>
  8. </ul>
  9. </div>
  10. <div class="siten">
  11. <p style="color: red;">注:想详细了解<br />请点击阅读!</p>
  12. </div>
  13. <div class="word">
  14. <h2 style="color: yellow;">欢迎加入我们</h2>
  15. <div style="width: 500px; height: 60px; background-color: salmon;">
  16. <!-- 设计一个小容器 -->
  17. <p style="font-size: 40px;">
  18. <i
  19. ><a href="#">报名参加</a
  20. ><sub style="font-size: large;">名师讲解学习难题</sub></i
  21. >
  22. </p>
  23. </div>
  24. </div>
  25. </div>
  26. <!-- div设计一个大容器 -->

</body>
</html>
第一次作业效果图

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议