Blogger Information
Blog 3
fans 0
comment 0
visits 493
Related recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
0113作业
手机用户1624067148
Original
299 people have browsed it

0113作业

1. 写出html文档结构,并解释每个成员的功能与作用

  1. <!DOCTYPE html>
  2. <html lang="zh-CN"> <!-- html.lang 设置html语言 -->
  3. <head> <!-- html头部标签 -->
  4. <meta charset="UTF-8"> <!-- meta.charset 设置html的字符集 -->
  5. <!-- 兼容模式: 多余的 -->
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <!-- 视口设置,对手机浏览器作出兼容 -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <!-- 页面标题 -->
  10. <title>Document</title>
  11. </head>
  12. <body><!-- body头部标签 -->
  13. hello world!
  14. </body>
  15. </html>

2. 演示布局元素,重点是 tag+class

  1. tag.class

3. 演示图文的语义化解决方案

目前div+class是主流,通过class可以保证页面有更大的弹性空间,通过id设死了不可以,语义化标签不推荐使用因为数量有限。

  1. 演示图像,链接与列表元素
    1. <figure>
    2. <!-- 图片 -->
    3. <a href="">
    4. <img src="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png" alt="" />
    5. </a>
    6. <!-- 文字 -->
    7. <figcaption>第二十二期_前端开发</figcaption>
    8. </figure>
Correcting teacher:PHPzPHPz

Correction status:unqualified

Teacher's comments:尽快修改作业标题
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post