前端语言串讲——HTML| 青训营

101 阅读2分钟

引言

HTML,CSS,JavaScript 是前端入门必须学习的知识,也是最基础的知识。

HTML 简介

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签文本内容
  • HTML文档也叫做 web 页面

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如<html>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签

<标签>内容</标签>


HTML 元素

"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.

但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:

HTML 元素:

<p>这是一个段落。</p>

HTML是“骨骼”,标签语言。

       CSS(层叠样式表)是“皮囊”,三种选择器(类选择器、全选择器、id选择器),键值对组成。

       在这里提到查看CSS文档的细节,在学习前端的过程中,我认为学会利用好官方文档是非常重要的事情,能够很大程度地帮助我们提高效率,在初期能帮我们更快地找到自己需要的知识点,以便能让我们详略得当即有重点地进行学习,而在后期,也能在我们对某些知识遗忘时及时回忆。

       JS是“肌肉”。

基本特点:(1)借鉴C 语言基本语法;(2)借鉴Java语言的数据类型内存管理;(3)借鉴Scheme语言,将函数提升到“第一等公民”的地位;(4)借鉴Self 语言,使用基于原型的继承机制

基本语法结构

<!doctype html>
<html>
<head>
    <meta charset="utf-8" /><title></title></head>
    <body>
    </body>
</html>

感受

我认为在学习前搞清楚网页的构成很重要,方便我们理解这几个语言间的关系。网页可以想像成一层一层叠加组成的,html、css、JavaScript分别书写网页的结构、表现和行为。