![[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
任何一个页面都有三部分
| 序号 | 内容 | 描述 |
|---|---|---|
| 1 | 文本内容 | 用户可见的内容 |
| 2 | 其他资源的引用 | 图片，视频，音频… |
| 3 | 标记 | 对文本，其他资源的描述 |
<p>php中文网学习</p><img src="logo.png" alt="log"/>
<!DOCTYPE html><!--通知浏览器，我是一个html5文档--><html lang="en"><!-- html：根标签/根元素 --><head><!-- head的内容，用户不需要看到，给开发者看 --><!-- 元数据：描述某种特定信息的数据 --><meta charset="UTF-8" /><!-- 当前字符集是utf-8 --><!-- viewport: 视口/可视区屏幕上 --><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>当前页面的标题</title></head><body><h2>php中文网欢迎大家...</h2></body></html>
| 元素 | 标签 | 描述 |
|---|---|---|
| 非空元素 | 双标签 | <p>学习很快乐</p> |
| 空元素 | 单标签 | <img src="1.jpg" alt=""> |
URL：
<!DOCTYPE html><!--通知浏览器，我是一个html5文档--><html lang="en"><!-- html：根标签/根元素 --><head><!-- head的内容，用户不需要看到，给开发者看 --><!-- 元数据：描述某种特定信息的数据 --><meta charset="UTF-8" /><!-- 当前字符集是utf-8 --><!-- viewport: 视口/可视区屏幕上 --><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>当前页面的标题</title><style>.active {background-color: chartreuse;}.div2 {width: 500px;margin: auto;}</style></head><body><div style="width:100%s;"><h2 style="color: brown; font-size: 36px;" class="active">php中文网欢迎大家...</h2><div class="div2"><a href="https://www.php.cn">PHP中文网</a></br></br><form action="" method="GET"><label for="user">账号:</label><input type="text" placeholder="请输入账号;" id="user" required /></br></br><label for="pass">密码:</label><input type="password" placeholder="请输入密码;" id="pass" required /></br></br><button>登录</button></form></div></div></body></html>
