博主信息
坚强11548
博文
3
粉丝
0
评论
0
访问量
113
积分:0
P豆:6
最新更新
017作业提交2023-01-26
016作业提交2023-01-26
22期第一课作业2023-01-16
博文分类

22期第一课作业

2023年01月16日 20:14:35阅读数:27博客 / 坚强11548

作业内容:1. 写出html文档结构,并解释每个成员的功能与作用 2. 演示布局元素,重点是 tag+class 3. 演示图文的语义化解决方案 4. 演示图像,链接与列表元素

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

  2. 结构化: 层级,树形(根,枝,叶)

  3. DOM: 文档对象模型

    1. 文档: html 文档

    2. 对象: 文档及内部成员

    3. 模型: 文档结构抽象表示

    4. 演示布局元素,重点是 tag+class
      <!DOCTYPE html>

      <html lang="en">
      <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      </head>
      <body>
      <div class="zuoye">作业</div>
      </body>
      </html>

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

    <figure>
    <img src="xxxx" alt="xxxx" />
    <figcaption>title</figcaption>
    </figure>

  5. 演示图像,链接与列表元素
    <!DOCTYPE html>

    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    </head>
    <body>
    <div class="zuoye">><img src="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png" alt=""/></div>
    <a href="" target="_blank"></a>
    <ul>
      <li></li>
    </ul>

    <ol>
    <li></li>
    </ol>
    <dt>
    <dd></dd>
    </dt>
    </body>
    </html>

版权申明:本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!

全部评论

文明上网理性发言,请遵守新闻评论服务协议

条评论
  • 本文将教你网复制粘贴的方法。有定的参考价值,有需要的朋友可以参考下,希望对大家有所帮助。