html 文档结构,标签/列表/链接

1. 文档类型元素

<!DOCTYPE html>

2. 根元素

浏览器渲染 html 的起点,入口
lang=”zh-CN”: 属性,标签的特征,用”键(lang),值(zh-CN)对”的方式来表示

<html lang="zh-CN">

2.1 头元素

浏览器, 搜索引擎 SEO

<head>

2.1.1 元标签,中介,媒婆

页面编码

<meta charset="utf-8" />

兼容模式: 多余的

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

视口设置: 视口(可视窗口), 375px 375px

   <meta name="viewport" content="width=device-width,initial-scale=1.0" />

-页面标题

   <title>我的作业</title>

页面主题
```
<body>
</body>
```

3. 标签/列表/链接

<!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 id="header">页眉</div>
    <div id="main">主体</div>
    <div id="footer">页脚</div>
    <hr />
    <header>页眉</header>
    <main>主体</main>
    <footer>页脚</footer>
    <hr />
    <div class="artical header">文章头部</div>
    <div class="article main">文章主体</div>
    <div class="artical footer">文章底部</div>
    <ul>
      <li>
        <a
          href="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"
          ><img
            src="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"
            alt="php.cn22期0113作业"
            width="400"
        /></a>
      </li>
      <li>
        <a
          href="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"
          ><img
            src="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"
            alt="php.cn22期0113作业"
            width="400"
        /></a>
      </li>
      <li>
        <a
          href="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"
          ><img
            src="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"
            alt="php.cn22期0113作业"
            width="400"
        /></a>
      </li>
    </ul>
  </body>
</html>

批改老师：

PHPz

批改状态：合格

老师批语：完成的不错，继续加油

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

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

0条评论

作者最新博文

020113 HTML 知识

2023-02-10 12:29:00