![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：Uncorrected
Teacher's comments：
Collection
Collection
<!DOCTYPE html><!--声明！用于在浏览器中正确显示网页-->
<html lang="zh-znm-hans"> <!--根元素！表示文档起始位置-->
<head><!--头部标签-->
<meta charset="utf-8"><!--定义文档的编码格式为UTF-8-->
<meta name="Author" content="MrTAO,80238980@qq.com"><!--标注文档的作者-->
<title>本地服务器的搭建与HTML的基础知识</title><!--title定义文档的标题-->
<style type="text/css">
p{font-size: 20px;color:red; }
span{color: blue;}
.content
</style> <!--内部样式表-->
</head>
<body><!--文件信息，包含了页面的可见内容-->
<h1>创建出真实的学习环境</h1><!--标题-->
<p>具体步骤</p>
<ol><!--创建一个有序列表-->
<li>从<a href="http://www.php.cn">PHP中文网</a>下载PHP工具箱</li>
<li>安装到本地，然后登陆个人账号信息</li>
<li>启动PHP工具箱，从其他选项菜单内<span>My Homepage</span>测试本地服务器是否搭建成功</li>
</ol>
<p>创建本地主机目录： html</p><!--标题-->
<ol><!--创建一个有序列表-->
<li>从工具箱<span>网站目录</span>进入<span>www</span>文件夹，创建新文件夹，命名：html</li>
<li>复制<span>www</span>文件夹里面的<span>index.php</span>文件到html文件内</li>
<li>打开html文件内的index.php，修改里面的HELLO world为“你好！HTML！</li>
<li>保存修改</li>
</ol>
<p>创建本地域名： html.io</p><!--标题-->
<ol><!--创建一个有序列表-->
<li>启动PHP工具箱，从其他选项菜单内<span>站点域名管理</span>添加域名www.html.io</li>
<li>网站目录制定刚才创建的html文件夹，第二域名改为html.io,端口设置为80</li>
<li>点击<span>新增</span>，然后<span>保存设置并生成配置文件</span>，关闭</li>
<li>点击其他选项菜单<span>打开host</span>,复制<span># 127.0.0.1 localhost</span>到文档最后，然后修改localhost为www.html.io</li>
<li>保存修改，本地域名创建完成</li>
</ol>
<p>hosts文件有什么使用， 如何修改?</p><!--标题-->
host文件的作用作用就是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”，当用户在浏览器<br>
中输入一个需要登录的网址时，系统会首先自动从Hosts文件中寻找对应的IP地址，一旦找到，系统会立即打<br>
开对应网页，如果没有找到，则系统会再将网址提交DNS域名解析服务器进行IP地址的解析。
<p>http：是什么， 有什么用？</p><!--标题-->
HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于<br>
从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。
<p>html 是什么， 基本结构是什么？</p><!--标题-->
html(超文本标记语言）是一种用于创建网页的标准标记语言！我们可以使用HTML来建立自己的WEB站点！<br>
</body>
</html>点击 "运行实例" 按钮查看在线实例
基本结构为
<!DOCTYPE html> ---------声明
<html> ---------根元素
<head></head> ---------头部信息
<body></body> ---------文本信息
</html> ---------