跳到主要内容

HTML文档基本结构(doctype、html、head、body

HTML 语法由元素、标签、属性组成。

Loading Editor...

文档版本声明

当前 HTML 最新协议为 HTML 5,如果不在文档中指定使用的 HTML 版本。用户浏览器可能会使用与开发者不同的 HTML 版本,导致用户看到的内容与期望的内容不一致。HTML5 已经完全普及,所以只需要学习 HTML5 的声明语句,旧版本的声明看看就行了。

html
<!DOCTYPE html>

根元素

元素

编辑一个网页其实跟画画差不多。一幅画由许多点、线、圆组合而成,一个网页也是由许多基础元素组合而成。比如,标题、断落、图片、视频、表格等。

无论多么复杂的网页,都是使用基础元素堆叠而成的,就像点、线、圆通过叠加会得到最终的画面。

在 HTML 中使用 <元素>内容</元素> 的语法标记一个元素。比如段落元素:

实时编辑器

p 表示 paragraph(段落)

Loading Editor...

标签

上述示例中,<p>是开始标签,</p>是结束标签。HTML 通过开始标签和结束标签告诉浏览器元素的范围

标签由一个用尖括号(<>)包裹的名称组成。

根元素

元素之间可以嵌套,而最底层的是根元素html ,就像画板,承载所有的元素。

head 元素

根元素下面嵌套 head 元素和 body 元素,head 元素负责记录网页的元数据,不会直接显示给用户(除了 title )。

提示

后面的文章使用 <tag> 来表示元素,阅读起来舒服一点,大多数的教程也是这样做的,很多时候标签和元素并没有严格区分。 但你知道,严谨的说来 <tag>是标签, <tag>content</tag>才是元素。

小测试

(1)复制文章开头的代码到 VSCode,尝试修改各元素的内容并观察。

Current Selection (单选) 以下哪个是HTML5 文档类型声明语句

Current Selection (单选) 在哪个元素中插入元数据

Current Selection (单选) 以下哪个不是元数据