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><ahref="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"><imgsrc="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"alt="php.cn22期0113作业"width="400"/></a></li><li><ahref="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"><imgsrc="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"alt="php.cn22期0113作业"width="400"/></a></li><li><ahref="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"><imgsrc="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png"alt="php.cn22期0113作业"width="400"/></a></li></ul></body></html>