前端语言串讲 | 青训营笔记

66 阅读2分钟

前端语言的基本能力

前端最基础的三个语言分别是HTML,CSS和JavaScript。
1.HTML(HyperText Markup Language)又称超文本标记语言是一种用来结构化Web网页及其内容的标记语言。在网页上的显示效果通常可以是一组段落、一个信息表格、又或是图片和视频。HTML由一系列不同的元素组成,这些元素可以将内容包裹起来使其以某种特定的形式显示。HTML用于构建整个页面的框架。
2.CSS(Cascading Style Sheet)又称层叠样式表可以给不同的HTML元素添加样式,完成类似于将文本设置为黑色或者红色,将内容显示在屏幕的特定位置等任务。同时CSS的使用,允许我们将样式与HTML分离,使网站的开发与维护更加方便。
3.JS(JavaScript)是一种完备的脚本语言,用于在浏览器中增加交互与动态效果,例如动态样式、动画以及按下按钮或受到表单时该如何响应等。

HTML基础介绍

HTML的所有标签框架如下 image.png 其中head部分的标签包括以下五种 image.png body中所有功能性标签 image.png

CSS基础介绍

对于CSS,这里引用MDN对于CSS的解释 image.png 这一整个结构被称为规则集
其中最左上角的p叫做选择器(Selector

  • 选择器用于选择需要添加样式的元素,此例中选择了p元素

中间部分(color:red;)称作声明(Declaration

  • 用于改变HTML元素的样式,此例声明了p元素的颜色属性

中间左边部分称作属性(Properties

  • 所有HTML元素都有一组相同属性(全局属性),不同元素可能会有不同属性(局部属性),例如a元素会有herf属性用以表示要跳转的目标地址

JavaScript基础介绍

js的发展史 image.png js有以下四个特性

  • 借鉴c语言的基本语法
  • 借鉴java语言的数据类型和内存管理
  • 借鉴Scheme语言,将函数提升到"第一等公民"地位
  • 借鉴Self语言,使用基于原型的继承机制