![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
PHPzCorrection status：qualified
Teacher's comments：标签内添加文本，会让标签的功能更加直观
Collection
Collection
1、创建index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>标题</title>
<meta name="Keywords" content="关键词1,关键词2,关键词3" />
<meta name="Description" content="网页描述内容" />
<link rel="shortcut icon" href="favicon.ico" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div>
<ul>
<li>商品标题1</li>
<li>商品标题2</li>
<li>商品标题3</li>
</ul>
</div>
</body>
</html>
2、排版布局
<div><ul><li></li></ul></div>
<dl><dt></dt><dd></dd><dd></dd></dl>
<p></p>
<header></header>
<nav></nav>
<aside></aside>
<section></section>
<footer></footer>
3、图片
<img src="images/banner.jpg">
4、视频
<video controls="controls" src="/video/bai.mp4" id="video" webkit-playsinline="playsinline" webkit-autoplay="autoplay" webkit-loop="loop" preload="auto" x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-playsinline="playsinline" playsinline="playsinline" style="width:100%;height:356px;" class="video_toumingdu"></video>