![[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
网页就是由超文本组成的，超文本主要由三部分组成：
PS：不同的元素有不同的标签，要了解标签的用法、注意语法结构、书写格式；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
这里就是网页的主要内容
</body>
</html>
PS:页头不同见的标签虽然可默认生成，但也很重要，也要了解；
网页是由众多的不同元素组成，元素有空和非空元素，一般有头有尾的，如<a href="">链接</a>或者<div>内容</div>这样的，叫非空元素，只有单个的，如<img src="">,<input name="">这样的空无素；
PS：这些元素要注意标签的闭合，以免出错；
元素的属性，属性用来描述元素的具体内容，主要有三大属性，ID，class,style,如路径、大小，颜色，边界，属性有值，就是指所描述的物体的具体数据，如width:50pt,color:red;等等；
PS：一个网页中，ID需要唯一性，否则有些JS功能会失效；name也最好唯一；
元素有层次关系，一层一层的，不能乱套；
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<div>
<form>
<input name="a">
<input name="b">
</form>
</div>
</div>
</body>
PS:一般网站内部都用相对路径，而链接到外部网站，用绝对路径；
一般地，如果不指定元素的样式，浏览器会为元素加上默认值，但不同的浏览器的默认值是不同的，不同的用户设置的默认值也不同，所以同一个网页在不同的浏览器不同的用户界面下是不一样的，为了统一样式，一般都要为元素指定样式，这样在不同的浏览器下面，不同的用户设置下面，浏览到的效果是基本一致的。
2020-4-3
ymlll