Collection
Collection
作业内容：1. 写出html文档结构,并解释每个成员的功能与作用 2. 演示布局元素,重点是 tag+class 3. 演示图文的语义化解决方案 4. 演示图像,链接与列表元素
写出html文档结构,并解释每个成员的功能与作用
答案：
结构化: 层级,树形(根,枝,叶)
DOM: 文档对象模型
文档: html 文档
对象: 文档及内部成员
模型: 文档结构抽象表示
演示布局元素,重点是 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>
演示图文的语义化解决方案
<figure>
<img src="xxxx" alt="xxxx" />
<figcaption>title</figcaption>
</figure>
演示图像,链接与列表元素
<!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>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
