HTML CSS学习1

文章目录

    • 前言
    • 相关术语介绍
    • 如何执行HTML CSS
    • 版本和兼容性
    • 开发环境的准备
      • 显示文件扩展名
      • 安装浏览器
      • 安装编辑器

前言

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
HTML CSS学习1_第1张图片
安装后界面
HTML CSS学习1_第2张图片
安装以后还要安装相关的插件
HTML CSS学习1_第3张图片
HTML CSS学习1_第4张图片
在搜索框中输入相应的插件名字进行下载
相关插件汇总

你可能感兴趣的:(HTML,CSS)