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

用户3034452199557
61 阅读2分钟

前端语言串讲

HTML、JS、CSS

HTML是Hyper Text Markup Language的缩写，它是用于创建网页的标准标记语言。HTML描述了网页的结构，它由一系列元素组成。HTML元素告诉浏览器如何显示内容，例如“这是一个标题”，“这是一个段落”，“这是一个链接”等。构建人的骨骼

CSS CSS是Cascading Style Sheets的缩写，它是一种用来为HTML文档添加样式（如字体、间距和颜色等）的计算机语言。CSS可以大大提高网页开发的工作效率，它可以控制多个网页的布局。外部样式表存储在CSS文件中。构建人的皮囊

Javascript 作为肌肉让人有坚实的身体具有控制能力

  • 借鉴C语言的基本语法;
  • 借鉴Java语言的数据类型和内存管理;
  • 借鉴Scheme语言，将函数提升到"第一等公民"(first class)的地位;
  • 借鉴Self语言，使用基于原型(prototype)的继承机制。

前端语言的协作配合

CSS在HTML中的应用

  • Inline CSS

    内联样式是将CSS代码直接添加到HTML元素的“style”属性中。例如：<p style="color: red;">这是一段红色的文本。</p>

  • Internal CSS

    内部样式表是将CSS代码放在HTML文档的<head>部分的<style>标签中。

  • External CSS

    外部样式表是将CSS代码保存在一个单独的CSS文件中，并在HTML文档的<head>部分使用<link>标签引用该文件。

Javascript 在HTML中的应用

HTML(5)

HTML并非图灵完备，它只是一门标记语言。

HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。

HTML5的设计目的是为了在移动设备上支持多媒体。

graph LR
	基本语法-->标签Element
	基本语法-->文本Txt
	基本语法-->注释Comment
	基本语法-->a[DTD Document Type Defination]
	基本语法-->处理信息ProcessingInstruction

HTML全部标签分类

graph LR
	a[标签分类]-->b[文档型]
	a-->c[闭合型]-->闭合标签
		c-->空标签
	a-->d[换行型]-->块级标签
		d-->行内标签
	a-->e[H5新元素]
		e-->语义化标签
		e-->媒体标签
		e-->表单标签
		e-->功能标签
avatar
文章
阅读
粉丝