![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：qualified
Teacher's comments：完成的很好！继续努力吧！
Collection
Collection
html第一天作业
<!DOCTYPE html><!--文档声明-->
<html>
<head><!--定义网页头部 头部元素的容器-->
<meta charset="UTF-8"><!--声明编码格式-->
<title>Document</title><!--标题-->
<link rel='stylesheet' type='text/css' href='style.css'><!--引入外部样式-->
<style type="text/css">/*内部样式*/
.box{width: 800px;height: 800px;background: #ccc;margin:0 auto;}/*class选择器*/
#box_s{width: 200px;height: 200px;background: green;}/*id选择器*/
a{color: red;}/*标签选择器*/
a[href="http://www.php.cn"]{color: blue;}/*属性选择器*/
</style>
</head>
<body>
<div style="border:1px solid #000" clss="box"><!--内联样式-->
<div id="box_s">
<a href="https://www.baidu.com">百度</a>
<a href="http://www.php.cn">php中文</a>
</div>
</div>
</body>
</html>点击 "运行实例" 按钮查看在线实例
总结
1.html标签大多数为双标签有开头结束如：<div>html</div>
2.注意文档编码格式防止乱码常用编码utf-8
3.样式优先级：行业样式>内部样式>外部样式
4.class选择器可以选择多个，id选择器具有唯一性
