web前端的定义：是面向用户（浏览者）的互联网技术统称。主要包括Web界面的结构、Web界面的外观视觉表现以及Web界面的交互实现。

Web前端的分类：前端设计和前端架构。

HTML结构语言：超文本标记语言。

通过各种标记符号（标签）来代表网页中的内容元素、将网页中的内容结构化。

特点：通过浏览器来解析、文件名为html或htm。

     2.  CSS样式语言（样式表）：实现表现与结构分离的样式设计语言。

控制网页的视觉表现及简单交互。通过浏览器来解析，文件名为css。

     3.  DW编码软件（dreamwaver）

两大主要功能：网页编程和管理网站。推荐版本：CS6/CC。

相关资源：1.HTML参考手册+CSS参考手册  2.DW软件安装  3.多款浏览器

网站的结构

网站是存放在服务器上的一个文件夹（根目录），是网站所有文件的集合。

网站中的各种文件按照文件类型或功用分门别类的整理存放。

文件的命名规则

网站中的所有文件命名全部用英文字母、数字、下划线、连字符的组合，其中不得包含汉字、空格和特殊字符。

尽量采用语义明确简单地英文单词命名。

HTML语法结构

1种符号：<>  所有的HTML语言diamante都必须被括在其中

2种标签格式：

双标签：成对出现。<标签名>开始，</标签名>结束。如：<title>无标题文档</title>  通常用于包含内容的元素。

单标签：只存在开始标签，不需要结束。如：<meta charset="utf-8">  表示无内容元素。

3个组成部分：标签、属性、值：     

语法结构：<标签名 属性=“值” 属性=“值”>...</标签名>   如：<meta charset="utf-8">

标签可以拥有属性，属性和值都卸载开始标签的尖括号中。

标签和属性之间用空格分割，多个属性之间也用空格分隔。

如果属性有对应的值，则属性和值之间是等式关系，且值需要写在英文引导中。

HTML编写规范

标签名和属性都使用小写

属性的值用双引号括起来

标签的使用符合嵌套规则

没有伞的孩子必须努力奔跑，加油

世上无难事只怕有心人

纵使天空没有翅膀也不要忘记飞翔

乌云再密集，天也有放晴的时候;海洋再广阔，船也有到岸的时候。只要用乐观的心态来看待事物，面对生活，就会发现这个世界真的好美。

不要感叹人生苦短。拾起梦想的种子，用一生的时间去播种，在最后一刻去收获。你会发现，你的一生，其实很精彩很充实！

青年是人生的骄傲，也是时代未来的希望。

收拾一下心情，开始下一个新的开始。