html网页结构图(标准的html5页面结构代码)

lxf2023-03-17 08:32:01

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

html网页结构图(标准的html5页面结构代码)

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> 元素代码示例

<title>练习册</title>

代码效果图

html网页结构图(标准的html5页面结构代码)

推荐学习:Html视频教程

以上就是学习中值得了解html网页的基本结构(总结)的详细内容,更多请关注AdminJS其它相关文章!