0 前言
网站的建设需要页面、域名和云服务器。 本教程是第一步，即制作页面，以及如何将完成的页面发布到云服务器。 请参考之前的文章：
对于域名没有要求的完全初学者，可以尝试最基本的建站网站，比如猫住网站、凡客网站等，通过几个简单的步骤，就可以搭建一个基本的展示页面。 优点是步骤简单，不需要花钱租用服务器和域名，也不需要备案。 缺点是页面自由度低，无法锻炼电脑技能。 而且域名可能不好看。
不过目前腾讯、阿里、华为都有相关的云服务，操作相对也不是很复杂。 作为中学生html静态网页模板，还有特殊的福利。
1. 基础知识
页面分为动态网页和静态网页。 注意，动态网页并不是指网页有动画，而是指无需更改代码即可实现页面的内容。 静态网页通常是显示类型，也可以有很多令人眼花缭乱的动画。
静态页面不能随时更改。 静态页面编写一次后放在服务器上供浏览。 如果要更改，必须在页面上更改，然后上传服务器覆盖原来的页面，这样信息才会更新。 用户不得更改。
动态页面可以随时更改内容。 有封面和封底。 管理员可以在后台随时更新网站内容，首页内容也会快速更新。
我这里说的主要是静态网页，只涉及最基本的HTML语言。 动态网页通常涉及JSP、PHP、ASP等技术，而静态网页通常涉及HTML、CSS、Java Script等技术。
2. 所需工具
涉及的工具包括模板文件和编译器。 模板是从 Internet 下载的。 常用的编译器是Sublime Text。 编译器的作用就是将代码转换为机器语言，即0和1。
模板需要从网上下载，然后修改。 当然，你也可以自己制作，但相对困难且耗时。 这里我选择模板主页（cssmoban），在这里你可以选择自己喜欢的免费模板进行下载。
下载解压后，文件夹中的index.html文件就是我们要编辑的主页。 选择用Sublime或者Dreamweaver打开进行编辑，用浏览器打开进行预览。 Dreamweaver 是 Adobe 的软件。 初学者可以选择界面的上下样式，比较好用，但是对笔记本的性能要求较高（应该是CPU）。 我手里的MBP13 2016几乎很难流畅使用。
3. HTML基本结构：
<HTML><head><title>标题内容</title></head><body>内容</body></HTML>
如上图，整体是由一组对应的和组成，head是标题，body是内容。
4. HTML属性：
字体属性：即与字体相关的属性。 与Word等可视化软件不同，所有的改变都是通过代码实现的。
例如：
<font face=“黑体” color=“#000000” size=“5”>文字</font>和字面意思一样，face是字体，color是颜色，可以输入十六进制RGB颜色或颜色名称如蓝色，size是文字大小。
使用查找工具定位文本位置并直接更改。 Sublime保存后，刷新浏览器打开的页面。 如果是Dreamweaver，可以直接点击页面上的内容进行编辑。
Sublime 更改文本的示例：
在 Dreamweaver 中更改文本的示例：
分割属性：div中的内容是一个整体、一个块，删除网页上的一段内容以div为单位删除，点击两侧行数处的三角箭头即可折叠并快速删除。
例如：
<div>区块内容</div>删除块的示例：
段落属性：即段落属性，会手动将上下内容分开，形成一个单独的段落。
例如：
<p align=“center”>段落内容</p>Align是对齐html静态网页模板，center是段落居中
超链接：
例如：
<a href=“XXX.html”>超链接</a>将网页保存在文件夹中。 这里我新建了一个名为article的文件夹，方便管理。 在冒号中输入 html 文件的路径和名称。 保存并刷新后，可以看到导航栏的导航内容已经发生了变化。
其中就是表单列表，一般在导航栏中比较常见。
图片属性：
例如：
<img src=“XXX.jpg” width=“50%”>img src 是图像源，即图片的来源。 一般图片放在images文件夹下，宽度就是长度，可以通过比例或者数值来调整。
HTML 中的换行符和空格：
HTML英文单词的回车无法直接读取，一般使用
即breakline断一个新行，断两行内容
例如：
第一行内容<br>第二行内容一般情况下直接读取空格即可，如果没有也可以使用 ，即空格。
例如：
前半句 后半句显示结果
我的个人主页：
（最近可能访问困难，归档后可以正常访问）
微笑工作室
