学习中值得了解html网页的基本结构（总结）-木庄网络博客

本文摘自PHP中文网，作者奋力向前，侵删。

之前的文章《HTML如何制作一个简单的单页布局（代码分享）》中，给大家介绍了怎样使用HTML制作简单的单页布局。下面本篇文章带大家了解一下html网页的基本结构，有需要的朋友可以参考一下，希望对你们有所助。

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

我们去制作一个html页面，html里面所有的东西都叫做标签<html></html> 基本上跟这个人的构造是一样。先有个脑袋叫做<head>，<title>...</title>指编辑器的一个提示的一个好处，可以写这个文件的名字。

代码示例

<!DOCTYPE html>
<html>
<head>
<title>练习册</title>
</head>
<body>
how are you？
</body>
</html>

1、<!DOCTYPE html> 声明

HTML文档

2、<html> 元素是 HTML 页面的根元素

从 <html> 标签开始，到 </html> 标签结束，根元素的作用就是告诉浏览器。

3、<head> 元素包含了文档的元

<head> 元素与 <body> 元素不同，它的内容不会在浏览器中显示，它的作用是保存页面的一些元数据。

4、<title> 元素描述了文档的标题

可以定义文档的标题

5、<body> 元素包含了可见的页面内容

网页里面显示的内容，比如：文本、超链接、图像、表格和列表等。

<title> 元素代码示例

1	`<title>练习册</title>`

代码效果图

推荐学习：Html视频教程

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者