前端语言笔记 | 青训营

28 阅读1分钟

前端语言

捕获.PNG

  • HTML:HyperText Markup Language 超文本标记语言 作用:构建框架结构,控制布局(框架&基石)。
  • CSS: Cascading Style Sheet 层叠样式表 作用:给网站添加样式(外表样式)。
  • Javascript:增加网络交互体验。

捕获2.PNG
具体使用:

  1. HTML:
    大量标签构成的文本,如掘金笔记提供的分为两块的写作页面,为统一的文本进行了排版分类,分成如标题、正文等不同功能,组成了网页的结构。
  2. css
    由选择器和具体描述组成,选择器有id选择器等类型,可供用户在为不同文本添加标签时选择。描述即描述选择器所对应元素的模样。
    h1 {color:blue;font-size:12px;}
  3. JavaScript
    融合了C、Java、Scheme、Self等语言。
    基本语法:

捕获3.PNG

捕获4.PNG
前端语言如何在浏览器中运行

5.PNG

前端语言的协作配合

  • css在html中: 三种方式:直接使用、内部样式、外部样式
  • Javascript在html中:<script></script>标签中,可互相获取相关变量并运算。
  • css在JavaScript中:常通过JavaScript改变css的样式,形成样式改变及位置变换。

HTML基础

非图灵语言,标签语言,用标签包含文本。

标签类型

  1. 文档类<!DOCTYPE><head><body>
  2. 闭合类<p></p>
  3. 换行类<div></div><span></span>
  4. HTML5新标签

拓展

Web的未来发展:

  • 用户友好
  • 标准化
  • 未来方向:效率、服务端容器化、低(无)代码站点、大前端的统一、三维可视化。