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

63 阅读2分钟

今天学习了前端语言串讲的课程,将课上所学以及看书所学关联起来,简单地整理了一些知识点。

一、前端语言的基本能力

1、HTML、CSS和JavaScript

image.png

  • HTML:超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(比如文字如何处理,画面如何安排,图片如何显示等)。总的来说,HTML就是整合网页结构和内容显示的一种语言。
  • CSS:层叠样式表。CSS是一种网页控制技术,采用CSS技术,可以有效地对页面布局、字体、颜色、背景和其他效果实现更加精准的控制。总的来说,CSS就是设置网页上HTML元素属性的语言。

image.png

  • JavaScript:JavaScript是Web页面中的一种编程语言,也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要进行编译,而是直接嵌入HTML页面中,把静态页面转变成支持用户交互并响应相应事件的动态页面。

image.png

image.png

2、Browser

image.png

二、前端语言的协作配合

1、CSS in HTML

image.png 1.Inline CSS:在HTML标签中通过style或者class来添加标签。 2. Internal CSS:在HTML头部通过style标签添加一些类的样式。 3. External CSS:在HTML头部通过link标签引入即可。

2、JavaScript in HTML

image.png

image.png

3、HTML in JavaScript

image.png

4、CSS in JavaScript

image.png

image.png

三、你不知道的HTML(5)

1、HTML DTD

image.png

2、HTML全部标签分类

image.png

3、HTML head标签

image.png

4、HTML body功能性标签

image.png

5、HTML5 存储

image.png

6、HTML5 Audio

image.png

7、HTML5 Video

image.png

8、HTML5 二进制

image.png

9、HTML5 WebAssembly

image.png

四、课程总结

image.png

五、写在最后

以上仅为对知识的一些简单的梳理,要想学到更多的知识应不止于此,还需要自己多翻书,多做项目,多运用。纸上得来终觉浅,绝知此事要躬行。