![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：unqualified
Teacher's comments：自己也发现和别人的不一样了啊！群中要作业发布的教程以及要求！可以过去看一下！
Collection
Collection
<!DOCTYPE html><!-- 声明是一个html网页，也可以声明是其它类型网页 -->
<html><!-- html是根元素 lang语言en默认是英文 -->
<head><!-- 头部开始标签，不会以内容形式显示出来 -->
<meta charset="UTF-8"><!-- charset字符集为UTF-8即一种常用兼容中文编码这样可以支持更多的浏览器 -->
<title>我的网页实验</title><!-- 网页取一个叫我的网页实验名称 -->
<link rel="stylesheet" type="text/css" href="css/static.css"><!-- link共享当前目录下css目录里的static.css样式表 外部样式为了共享-->
<link rel="shortcut icon" type="image/x-icon" href="icon/1.jpg"><!-- link指定当前目录下icon目录里的1.jpg为网页的头标loogo -->
<style type="text/css">/*内部样式，只针对当前页面*/
body{background: pink;}
/*tag标签名、id名(名字前面加 #) class名 属性选择器*/
/*tag标记标签针对当前body即当前页面背景颜色为粉红色*/
#box{width:100px;height: 100px;background: blue; }/*#号后面定义方块名box的id选择器，id选择器是唯一的，后面是给与宽和高像素 颜色为蓝色*/
.main{width:100px;height: 100px;background: green; }/*点号后面定义class选择器 类*/
a{color: red;}/*a属性选择器对a属性赋值红色*/
a[href="http://www.php.cn/"]{color:blue;}/*这里a属性是用【】即对下面多个a属性指定的一个值 */
a[href="22.html"]{color:gray; }/*跟上行差不多只是外网网页链接变成本网网页链接 字体灰色*/
div a{color: #000;}/*从div下找到给予颜色黑色*/
#box a{}/*跟上行差不多意思从box下找a到给予颜色*/
/*派生选择器 根据文档上下文关系来定义样式*/
</style>
</head><!-- 头部结尾标签 -->
<body><!-- 网页身体会显示里面大部分内容出来 -->
<a href="https://www.baidu.com">百度</a><!-- 链接到百度 -->
<a href="http://www.php.cn/">php中文网</a>
<a href="22.html">226666666666</a><a href="#">#</a><!-- 链接到本网网页链接 -->
<div id="box">
<a href="">php</a>
</div>
<div></div>
<div></div>
<div></div>
</body>
</html>
