一起学习前端开发（003）——基础

我们在《一起学习HTML&CSS（001）——简介》里做过一个Demo，代码如下:

demo.html

test

这是标题1

这是标题2

这是段落1

这是段落2

这是一个链接

但是在简介里我们的重点是对HTML进行介绍，并没有对代码里的元素进行详细的解释，现在我们就针对这个Demo进行解析。

- 声明为 HTML5 文档

- 元素是 HTML 页面的根元素

- 元素包含了文档的元（meta）数据

- 元素描述了文档的标题

- 元素包含了可见的页面内容

- 元素定义一个大标题

-

元素定义一个段落

- 元素定义一个连接

-

元素定义换行

下面是一个可视化的HTML页面结构：

注：body区域白色部分才会在浏览器中显示，title则显示为浏览器的标题

下面我们可以对Demo进行修改，观察其具体变化。

修改title

这是一个新的标题

这是标题1

这是标题2

这是段落1

这是段落2

这是一个链接

运行效果如下：

修改body内元素

这是一首诗

相思

作者： 王维

红豆生南国，

春来发几枝。

愿君多采撷，

此物最相思。

运行效果如下：

经过上面的介绍，各位小伙伴是不是对HTML的各元素有了简单的了解了呢，赶快去做一个自己的网页吧！