Skip to content

HTML5简介

大致了解下什么是HTML,CSS,JavaScript

在正式介绍什么是HTML之前, 我们先通过一个使用html+css+javascript编写的计算器来感受下这三种语言各有什么作用。html 可以构建出计算器的基本结构,它看上去甚至都不像我们生活中计算器的样子, 你很难只用html做出一个比较漂亮的计算器界面。但是如果我们再加上css, 那么我们就能做出一个相对比较好看的计算器界面了,但是此时这个计算器并不能计算,如果你想要这个计算机能计算,那么你还要加上JavaScript(JS)语言才能做到。

所以简单总结下:html 是网页的基本结构,css 是网页的样式,JS则能让你的网页动起来。

我们用人类来类比的话, 那么html就相当于是人的骨架, 而css则是人的皮囊, 那么JavaScript 相当于人类能跑能跳的动作。

什么是HTML?

HTML 是一种超文本标记语言,英文名: HyperText Markup Language。 我们可以用HTML来结构化和描述网页的全部内容,所以HTML实际上并不是一种编程语言,它是一种标记语言, 我们用它来描述网页中的内容。

HTML中, 我们用元素来描述网页中的不同内容,比如说:链接,页面的标题,图片,视频等。这些都是本章课程我们将来学习的。同时,浏览器是能够识别并解析这些HTML元素,所以当我们用html语言编写一个网页后,用浏览器打开后,浏览器就能把我们编写的html文件渲染成我们想要的网页。

我们再具体来看一下HTML元素是怎么样的。还是以段落元素 <p>HTML 是一种标记语言</p> 为例。像 <p>HTML 是一种标记语言</p> 这样一整串完整的结构,我们叫做HTML元素,它由三部分组成:

  • 前面的<p>我们叫做开始标签, 它由一对尖括号 <> 包裹
  • 中间的HTML 是一种标记语言 我们叫做元素的内容,元素的内容中其实还可以包含子元素的,只不过我们这个例子是一个文本内容。
  • 后面的</p> 我们叫做结束标签, 它和开始标签很像,只不过是多了一个斜杠/

通常html标签都是成组出现的,像上面的段落标签<p></p>, 但是也有一些是自闭合标签,比如图片标签 <img>, 像这类标签之中是不存在内容的,所以就会省略结束标签。具体的我们以后会讲。

好了,这节课就到这里了,我们知道什么是HTML,什么是HTML标签就可以了。至于HTML元素这个词,你大概知道就行了,我们平时开发交流的时候并没有那么严谨,往往都只说标签这个词。