HTML CSS学习1

前言

HTML+CSS+Javascript=网页

HTML:Hyper Text Markuo Language 超文本标记语言 ,定义网页有什么
CSS：Cascading Style Sheets 层叠样式表，定义网页中的东西长什么样
学习方法： 不要浮躁 长期积累 多练习`
学习顺序：1) HTML 2) CSS （补充HTML的知识）
使用软件 ：Visual Studio Code

相关术语介绍

web:互联网
w3c:万维网联盟，非盈利性组织（），为互联网提供各种标准
XML：可扩展的标记语言，用于定义文档结构
HTML:是w3c组织定义的语言标准，用于描述页面结构的语言
MDN: Mozilla Development Network, Mozilla 开发者社区，W3C网站是纯英文的，如果需要查询相关的资料直接去MDN网站
CSS:描述页面的样子，相当于房子的装修，同样CSS相关的资料也可以去MDN网站查询

如何执行HTML CSS

浏览器执行，就是我们所看见的页面。
浏览器介绍：shell：外壳 、core：内核（JS执行引擎、渲染引擎）
主流浏览器指拥有自己内核的浏览器如IE（Trident）,火狐(Gecko)，谷歌浏览器(Webkit/Blink),Safari(Webkit),Opera(Presto/Blink),有浏览器的内核的才能执行HTML,CSS。

版本和兼容性

目前的版本是HTML5、CSS3。
HTML5:2014年
CSS3：目前还没有制定完成。
XHTML:可以是认为是HTML的一种一个版本，完全复和XML的规范

开发环境的准备

显示文件扩展名

扩展名决定了文件被什么应用程序打开
设置——选择某个盘——查看——将“文件扩展名”选择

安装浏览器

IE,Opera,Chorme,Firefox,Safari.
推荐使用谷歌，并且最终将谷歌设置为默认浏览器
设置方法
开始——设置——应用——默认应用——web浏览器

安装编辑器

可以使用记事本，但是真正做开发的时候用的是编辑器
如Windows记事本，Sublime，ATom,Dreamweaver,Visual Studio Code(VSCode)
此处推荐安装Visual Studio Code

安装后界面

安装以后还要安装相关的插件


在搜索框中输入相应的插件名字进行下载
相关插件汇总