10、HTML的基本结构

2024-05-20 16:45:07

在学习 HTML 的基本结构之前，我们先来看一段简单的代码：

<!DOCTYPE html>
<html>
<head><title>Document</title>
</head>
<body>
</body>
</html>

这些由<（左尖角号）、内容以及>（右尖角号）组成的叫做标签（tag），三者缺一不可。在 HTML 中，使用<>包围标签的目的是方便将它们与普通文本进行区分。

上述代码描述的是 HTML 的基本结构，主要使用了
<!DOCTYPE>、<html>、<head>、<title> 、 <body> 等标签。我们来分别看一下：

<!DOCTYPE> 是 Document Type Declaration 的简称，用来声明文档，也就是告知 web
浏览器当前页面使用了哪种 HTML 版本编写代码，此处使用的是 HTML 5 的版本。声明文档必不可少，而且必须位于 HTML文档的第一行；
<html> 表示页面编写的代码都是 HTML 代码。它是成对出现的标签，直到结束。除了声明文档外的所有代码都必须写在 <html></html> 中间；
<head> 表示页面的"头部"，页面的 title（标题）一般写在 <head></head> 中间；
<title> 表示页面的标题；
<body> 表示页面的"身体"，页面中的绝大部分内容都可以写在 <body></body> 之间。

HTML 中的标签根据闭合状态可以分为 2 种，单闭合标签和自闭和标签。接下来看一下它们之间的区别。

1. 单闭合标签

HTML 基本结构中的 <html></html>、<head></head>、<title></title> 以及 <body></body> 标签都属于单闭合标签。其中 <html>、<head>、<title> 以及<body>标签叫做起始标签，</html>、</head>、</title> 以及 </body> 标签叫做结束标签。由此我们可以看出，单闭合标签是指起始标签和结束标签同时存在的标签。

2. 自闭和标签

自闭和标签与单闭合标签的区别在于，它的结束标签可以使用/（结尾斜线）替代，直接写在起始标签的尾部。例如图像标签 <img> 可以写成 <img />，换行标签 <br> 可以写成 <br />。

10、HTML的基本结构相关推荐

C++primer第十章泛型算法 10.4 再探迭代器 10.5 泛型算法结构
除了为每个容器定义的迭代器之外,标准库在头文件iterator中还定义了额外几种迭代器.这些迭代器包括以下几种. 插入迭代器(insert iterator):这些迭代器被绑定到一个容器上,可用来向容 ...
Linux开发心得总结10 - MIPS TLB 的结构(translated)
MIPS TLB 的结构实例分析: MIPS R3000上的一个简单的虚存和分页系统. Case Study: A simple VM and paging system for the MIPS ...
10 SD配置-企业结构-分配-给销售组织分配部门（Division）
业务背景:给销售组织分配部门(Division) 事务码:OVXA SPRO路径:SPRO->企业结构->分配->销售和分销->给销售组织分配部门第1步,SPRO进入第2步 ...
C语言结构体篇结构体
在描述一个物体的属性的时候,单一的变量类型是无法完全描述完全的.所以有了灵活的结构体变量. 结构体变量从意义上来讲是不同数据类型的组合,从内存上来讲是在一个空间内进行不同的大小划分. 1.1 结构体类 ...
c语言枚举3位数相加等于10,C语言联合和枚举
联合(union): 一.联合说明和联合变量定义联合也是一种新的数据类型, 它是一种特殊形式的变量. 联合说明和联合变量定义与结构十分相似.其形式为: union 联合名 { 数据类型成员名; 数 ...
Python教学课程分享10-异常处理结构
10.1 异常概念与常见表现形式异常是一个事件,这个事件会在程序执行过程中发生,影响程序的正常进行.一般情况下,在Python无法正常进行程序时就会发生异常.异常是Python的对象,它表示一个错 ...
APDU命令的结构和处理【转】
本文转载自:http://blog.csdn.net/yonghenzhita/article/details/36402525 版权声明:本文为博主原创文章,未经博主允许不得转载. 简单说,IFD( ...
“全能”选手—Django 1.10文档中文版Part1
欢迎大家访问我的个人网站<刘江的博客和教程>:www.liujiangblog.com ### 主要分享Python 及Django教程以及相关的博客本文是博主翻译的Django1.10 ...
C语言一维数组、二维数组、结构体的初始化
C语言数组的初始化表示方法一.C语言一维数组初始化: (1)在定义数组时对数组元素赋以初值.如: static int a［10］={0,1,2,3,4,5,6,7,8,9}; 经过上面的定义和初始 ...
PAT甲级1134 Vertex Cover ：[C++题解]顶点覆盖、图论、用结构体存边，bool数组判断
文章目录题目分析题目链接题目分析来源:acwing 分析:首先把所有的边存储下来,使用结构体,结构体中保存两个端点. 然后对于每次询问,将出现过的顶点标志为true放在st数组中,然后遍历所有 ...

最新文章

热门文章