前端“三剑客”
HTML,CSS,Javascript三种语言同等重要,缺一不可。
HTML:创建框架结构
HTML叫超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
HTMLCSS:添加网站或者网页的样式
CSS中文叫层叠样式表,层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
主要使用选择器,然后对选择器进行添加样式
Javascript:增加用户的交互体验
可以去了解一下JS的发展过程,;例如:ES6,ES7......
JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。
JS主要功能:
1.嵌入动态文本于HTML页面。
2.对浏览器事件做出响应。
3.读写HTML元素。
4.在数据等被提交到服务器之前验证数据。
5.检测访客的浏览器信息。控制cookies,包括创建和修改等。
6.基于Node.js技术进行服务器端编程。
HTML中使用CSS
在HTML中使用CSS有三种方式: 1、内联方式:Inline CSS
在标签内部使用style属性来设置元素的CSS样式,这种方式称为内联定义方式。
语法格式: <标签 style="样式名:样式值;样式名:样式值;样式名:样式值;..."></标签>
例如:
This is a paragraph.
2、样式块方式:Internal CSS
在head标签中使用style块,这种方式被称为样式块方式。
语法格式:
例如:
body{background-color:blue;} p {color:yellow;}3、引入外部的.CSS文件:External CSS
样式写到一个独立的xxx.css文件当中,在需要的网页上直接引入css文件,样式就引入了