![[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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<title>标题和段落</title>
</head>
<body>
<!-- 页面中看到的内容都是由元素组成
元素由标签和标签属性来描述
标签分双标签和单标签
script 和 ?php 也是标签 -->
<!-- 标题标签：除了设置文档标题之外，是用来划分页面结构 h1,h2,h3,h4,h5,h6-->
<h1>下个月每人加新1000元</h1>
<!-- 段落标签 p-->
<p>下个月每人加新$1000</p>
<!-- 连接标签 a 互联网的灵魂-->
<!-- <a href="跳转的目标" target="_self">php中文网</a> -->
<!-- <a href="跳转的窗口" target="iframt内联框架的name值">php中文网</a> -->
<a href="https://www.php.cn" target="_self">php中文网</a>
<a href="https://www.php.cn" target="_blank">php中文网</a>
<a href="https://www.baidu.com" target="baidu">打开小度</a>
<iframe srcdoc="<em>点击上面的：小度</em>" name="baidu" width="400" height="200"></iframe>
<!-- a标签可以做锚点，使用锚点，可以实现当前页面中的任何位置进行跳转也叫路由 href以#来引用id-->
<!-- 通用容器标签 div-->
<a href="#footer">跳转到底部</a>
<div id="footer" style="margin-top: 1000px;;">已到底部</div>
<a href="#">回到顶部</a>
<!-- 图片标签 img 宽高只设一个同比缩放-->
<img src="https://img.php.cn/upload/course/000/000/003/5a699f1b2da2b398.jpg" alt="phpstudy图" width="150"></img>
</body>
</html>
