web前端的定义：是面向用户（浏览者）的互联网技术统称。主要包括Web界面的结构、Web界面的外观视觉表现以及Web界面的交互实现。
Web前端的分类：前端设计和前端架构。
HTML结构语言：超文本标记语言。
通过各种标记符号（标签）来代表网页中的内容元素、将网页中的内容结构化。
特点：通过浏览器来解析、文件名为html或htm。
2. CSS样式语言（样式表）：实现表现与结构分离的样式设计语言。
控制网页的视觉表现及简单交互。通过浏览器来解析，文件名为css。
3. DW编码软件（dreamwaver）
两大主要功能：网页编程和管理网站。推荐版本：CS6/CC。
相关资源：1.HTML参考手册+CSS参考手册 2.DW软件安装 3.多款浏览器
网站的结构
网站是存放在服务器上的一个文件夹（根目录），是网站所有文件的集合。
网站中的各种文件按照文件类型或功用分门别类的整理存放。
文件的命名规则
网站中的所有文件命名全部用英文字母、数字、下划线、连字符的组合，其中不得包含汉字、空格和特殊字符。
尽量采用语义明确简单地英文单词命名。
html语言的注释方法
HTML文档基础结构
<!--html语言中的注释-->
<!doctype html><!--html文档的文档类型声明：这是一个html的文档，版本是5-->
<html><!--html标签：html文档正式开始-->
<head><!--html文档的头部区域开始，主要是用来说明html文档的一些相关属性或者设置-->
<meta charset="utf-8"><!--meta标签：元信息标签，用来给网页添加一些相关信息或设置。charset:字符集。指定此网页的编码为UTF-8-->
<!--常见的编码：国际化——utf-8,中文编码——GBK-->
<title>无标题文档</title><!--title标签：设定此网页的标题-->
</head><!--html文档的头部区域结束-->
<body><!--body标签：表示html文档的主体区域开始，对应浏览器的对应呈现窗口-->
</body><!--body标签：表示html文档的主体区域结束-->
</html><!--html标签：html文档正式结束-->
HTML语法结构
1种符号：<> 所有的HTML语言diamante都必须被括在其中
2种标签格式：
双标签：成对出现。<标签名>开始，</标签名>结束。如：<title>无标题文档</title> 通常用于包含内容的元素。
单标签：只存在开始标签，不需要结束。如：<meta charset="utf-8"> 表示无内容元素。
3个组成部分：标签、属性、值：
语法结构：<标签名 属性=“值” 属性=“值”>...</标签名> 如：<meta charset="utf-8">
标签可以拥有属性，属性和值都卸载开始标签的尖括号中。
标签和属性之间用空格分割，多个属性之间也用空格分隔。
如果属性有对应的值，则属性和值之间是等式关系，且值需要写在英文引导中。
24万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
