第一部分 基础课程
一、基础学习路线
1、学习目的：能独自制作网页
2、学习路线：HTML→CSS3→H5C3→独自制作网页
二、HTML简介
1、网页：①网站是网页的集合。②网页是网站中的一页，通常为HTML格式。③网页是构成网站的基本元素，常见以.htm和.html结尾。
2、网页的组成：通常由图片图片、链接、文字、音乐等元素组成。
3、HTML：是一种超文本标记语言（不是编程语言）。
4、简单的创建一个有图片的网页：
右键新建一个普通的txt文件
点击进入txt文件后，输入代码<img src="图片的名字.拓展名 ">,保存后退出，更改txt文件后缀名为.html，点击文件进入网页。
5、网页的形成：前端人员开发代码→浏览器显示代码→生成最后的Web页面。
三、常用的浏览器及其内核
1、常用的浏览器：IE浏览器，Edge浏览器，火狐浏览器，谷歌浏览器，Safari浏览器，Opera浏览器（国际通用），其中谷歌浏览器占大部分。
2、浏览器的内核：读取网页内容，显示页面。
IE：Trident内核
firefox：Gecko
Safari：Webkit
Chrome/Opera：Blink（是Webkit的一种分支）
四、web标准
1、为何需要web标准:不同的浏览器解析出来的效果不一致，开发者常常需要为多版本的开发而艰苦工作，所以出现了web标准。
2、web标准的构成：结构、表现、行为
结构：对网页元素的整理和分类，主要是HTML
表现：用于网页元素板式的设置，主要是CSS
行为：网页的交互效果，主要是JavaScript
第二部分 HTML的编写以及vscode的使用
一、HTML的标签
1、HTML标签是由尖括号包围的关键词。
2、大部分标签都是成对出现的。<html>开始标签 </html>结束标签
3、部分标签为单标签，如<br/>。
二、标签关系
1、标签关系可以分为两类：包含关系和并列关系。
HTML和head为包含关系，head和body为并列关系。
三、HTML的基本结构标签
1、基本标签类型
2、一个简单的测试
3、基本标签结构总结
四、网页的开发
1、常用的开发工具：DW,WebStorm，Visual Studio Code，HBulder之类
2、VScode的使用
①文件新建一个文件，保存为HTML文件。
② 输入“！”，在点击TAB键，就会出现网页的主要框架。
③更改title和body中的内容，右键点击Open in default browser可以预览网页，Ctrl+加号键可以放大视图，Ctrl+减号键可以缩小视图。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
