0 前言
搭建网站需要页面、域名、云服务器，本篇教程是第一步，即页面的创建。如何将创建的页面发布到云服务器，请参考上一篇文章：
对于完全新手，对域名没有要求，可以尝试最基础的建站网站，比如筑子建站、凡客建站等，简单几步就可以搭建出一个基本的展示页面。优点是步骤简单，不用花钱租服务器和域名，也不用备案。缺点是页面自由度低，无法锻炼电脑技能，域名可能不好看。
不过目前腾讯、阿里、华为都有相关云服务，而且操作比较简单，而且有针对学生的特别优惠。
1. 基础知识
页面分为动态页面和静态页面，注意动态页面不是指页面有动画，而是指不改代码就能实现页面内容；静态页面一般是展示型的，也可以有很多炫酷的动画。
静态页面不能随时修改。静态页面写完后放在服务器上供浏览，如果要更改，必须在页面上修改，然后上传到服务器覆盖原页面，这样才能更新信息，用户不能随时修改。
动态页面可以随时改变其内容，分为前端和后端，管理员可以在后端随时更新网站的内容，前端页面的内容也会随之更新。
这里讲的主要是静态网页，只涉及到最基本的HTML语言，动态网页一般会涉及到JSP、PHP、ASP等技术，而静态网页一般会涉及到HTML、CSS、Java等技术。
2. 所需工具
涉及的工具包括模板文件和编译器，模板从网上下载，常用的编译器有Text，编译器的作用是将代码转换成机器语言，也就是0和1。
模板需要从网上下载然后修改，当然也可以自己制作，不过比较难，而且费时间。这里我选择了模板首页（），在这里可以选择自己喜欢的免费模板下载。
下载完之后解压，文件夹里面的index.html文件就是我们要编辑的首页，选择或者打开就可以编辑，用浏览器打开就可以预览，是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为颜色，可以输入16进制的RGB颜色或者颜色名如蓝色，size为文字大小。
使用查找工具定位到文本，直接修改即可，保存后刷新浏览器打开的页面，如果是，可以直接点击页面上的内容进行编辑。
修改文字示例：
修改文字示例：
属性：div内的内容是一个整体，一个块。若要删除网页上的一块内容，以div为单位进行删除。点击行号左侧的三角箭头，可快速折叠删除。
例如：
<div>区块内容div>删除块的示例：
属性：即段落属性，会自动将上下内容分开，形成一个独立的段落。
例如：
<p align=“center”>段落内容p>Align 即对齐，也就是将段落居中对齐
超级链接：
例如：
<a href=“XXX.html”>超链接a>将网页保存到文件夹中，这里我新建了一个文件夹，方便管理，在引号中输入HTML文件的路径和名称，保存刷新后可以看到导航栏的导航内容发生了变化。
其中就有表单列表，一般在导航栏中比较常见。
图像属性：
例如：
<img src=“XXX.jpg” width=“50%”>img src是image，也就是图片来源，一般图片都放在一个文件夹里，width是宽度，可以用百分比或者数值来调整。
HTML 换行符和空格：
HTML字符的回车符不能直接读取。
即换行，断掉两行内容
例如：
第一行内容<br>第二行内容空格一般可以直接读出来，如果不能直接读出来也可以用 ，也就是空格。
例如：
前半句 后半句显示结果
我的个人主页：
（近期可能无法访问，但提交后即可正常访问）
工作室
扫一扫在手机端查看
我们凭借多年的网站建设经验，坚持以“帮助中小企业实现网络营销化”为宗旨，累计为4000多家客户提供品质建站服务，得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求，请立即点击咨询我们或拨打咨询热线： 13761152229，我们会详细为你一一解答你心中的疑难。
客服1 