作者导言
本人从来没有接触过互联网建站类的知识，只不过突然有一天，就想自己弄一个网站，然后就开始了学习建站，从小白站长开始起步学习，期间走了很多弯路。最初是直接了解服务器、域名、宝塔，然后接着是买源码，虚拟机，服务器等，开始搭建自己的网站了。wordpress、帝国CMS都用过了，可是发现，这些东西，你根本就玩不6，因为欠缺很多基础知识，一边遇到问题，一边学习，这个太慢了，所以，就想着从头开始，专门找一门课程去学习，然后就在一些免费平台找到了相应的课。文章会记录自己一步步学习的过程，一步步积累的进度。我不知道会遇到什么问题，不比在学校里，有很多人可以交流，让我们努力向前看吧。就如那句诗——乘风破浪会有时，直挂云帆寄沧海。
第一章Web前端开发
HTML不是一门编程语言，而是一种用于定义内容结构的标记语言。HTML由一系列的元素组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。一对标签可以为一段文字或者一张图片添加超链接，将文字设置为斜体，改变字号，等等。
Web系统分别三部分，前端、后端、还有数据交互
网页元素：分为表单、站标、导航栏、文字超链接和广告横幅等。
他是通过浏览器将html网页代码解码编译出来，给大众显示，即展现在我们眼前的网页。
他是通过服务器将网站展现出来。我们说的网站，其实是一个文件夹，网页是文件夹里的文件。
下图就是他的展现逻辑：
而浏览器，则是编译，是很重要的一部分。目前，谷歌浏览器是最好的，行业老大哥。
当然，他也有技术标准。
下图为大家形象展示他的结构：
前端技术标准：万维网联盟
HTML基础知识
HTML概述
HTML语言由标签、元素、属性构成。
HTML：“超文本标记语言”，它是制作网页的标准语言
标签、元素
由尖括号包围，比如title，通常是成对出现的
标签、属性
总结：我们得认识这些在HTML中常用的标签，记住他，并熟练使用。
HTML文件结构
文件结构：主要是.html或者.htm两种格式的文件。
HTML编辑器
记事本、SublimeTextemmet插件、WebStorm等
HTML5文件结构
lang属性：搜索引擎en英文、zh中文
meta：元数据
charset属性：字符集编码方式浏览器：UTF-8是国际编码
字符集与编码
UTF-8包含所有语言，占用空间最小，所以，一般我们都是用UTF-8来编码。
乱码问题：可能编码方式不一样
HTML标签(I)
标题h1~h6
段内换行br（单独出现）
段内分组span
段落p
预留格式pre
水平线hr（单独出现）
空格字符nbsp
HTML标签(II)
超链接：a
三种用法：
HTML标签(III)
img标签
上级目录查找：用..表示到上级目录
总结：
一般我们用相对路径。
HTML标签(IV)
区域：div
列表：ulolli
表格：tabletrtd
区域标签，就是把网页分成一个个小区域。
无序列表ulli：没有序号
有序列表olli：有12..序号
表格tabletrtd
表头单元格th
HTML标签(V)
表单标签：form
这些输入框、单选、复选都是表单元素
文本框、密码框标签：input
在HTML中，type是类型的意思，是一个标签属性
按钮：提交按钮、重置按钮
重置按钮：reset
单选框和复选框
下拉列表框selectoption
文本域Textarea
！然后按table扩展或者按ctrl+e扩展
ctrl+/选择代码就变成注释了
ctrl+shift+/撤销注释
段落：p{输入文字}按ctrl+e扩展
图片：img[src=图片属性]然后扩展
标签嵌套：pspan扩展
同级标签：pimg+a扩展
（divp)+(divimg)扩展
快速生成多个元素：
ulli*扩展
快速生成文本内容：lorem扩展就会自动生成段落文本
lorem4：生成四个单词的文本
语义化
接下来就是css样式的学习了，将会介绍css的相关知识。