前端语言的基本能力
前端最基础的三个语言分别是HTML,CSS和JavaScript。
1.HTML(HyperText Markup Language)又称超文本标记语言是一种用来结构化Web网页及其内容的标记语言。在网页上的显示效果通常可以是一组段落、一个信息表格、又或是图片和视频。HTML由一系列不同的元素组成,这些元素可以将内容包裹起来使其以某种特定的形式显示。HTML用于构建整个页面的框架。
2.CSS(Cascading Style Sheet)又称层叠样式表可以给不同的HTML元素添加样式,完成类似于将文本设置为黑色或者红色,将内容显示在屏幕的特定位置等任务。同时CSS的使用,允许我们将样式与HTML分离,使网站的开发与维护更加方便。
3.JS(JavaScript)是一种完备的脚本语言,用于在浏览器中增加交互与动态效果,例如动态样式、动画以及按下按钮或受到表单时该如何响应等。
HTML基础介绍
HTML的所有标签框架如下
其中head部分的标签包括以下五种
body中所有功能性标签
CSS基础介绍
对于CSS,这里引用MDN对于CSS的解释
这一整个结构被称为规则集
其中最左上角的p叫做选择器(Selector)
- 选择器用于选择需要添加样式的元素,此例中选择了p元素
中间部分(color:red;)称作声明(Declaration)
- 用于改变HTML元素的样式,此例声明了p元素的颜色属性
中间左边部分称作属性(Properties)
- 所有HTML元素都有一组相同属性(全局属性),不同元素可能会有不同属性(局部属性),例如a元素会有herf属性用以表示要跳转的目标地址
JavaScript基础介绍
js的发展史
js有以下四个特性
- 借鉴c语言的基本语法
- 借鉴java语言的数据类型和内存管理
- 借鉴Scheme语言,将函数提升到"第一等公民"地位
- 借鉴Self语言,使用基于原型的继承机制