HTML页面的根本代码构造有哪些?
(引荐教程:html教程)
HTML页面的根本代码构造
<!DOCTYPE html> <html> <head> <title>标题</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></html>
中心;<head>
表示页面的"头部",页面的 title(标题)一样写在<head></head>
中心;<title>
表示页面的标题;<body>
表示页面的"身体",页面中的绝大部分内容都可以写在<body></body>
之间。
可分为几层:
第一层:
<!DOCTTYPE>
------!文档类型,它的目的是要告诉标准通用标志说话解析器,它应当使用什么样的文档类型定义(DTD)来解析文档,在html5文档中,一样写为<!DOCTTYPE html> ;值得留意的是,<!DOCTTYPE>不属于html标签。
<html></html>
-------html标签,是html文档的根标签,所有的网页标签都放在这对标签中,是所有html标签的祖先容器。
第二层:
<head></head>
-------头部标签,代表着html文档的头信息,是所有头部元素的容器,内部一样包括:<title>
<script>
<style>
<meta>
<link>
这些头部元素。
<body></body>
-------网页主体标签,其内部主要包括着构成网页内容的一些元素,如<p></p>
,<span></span>
,<div></div>
,<table></table>
等。这些元素都会在网页的内容部分显示。
3、标签的属性
就如人有这身高、体重、年龄等这些属性一样,html标签也有本人的属性,如字体色彩,宽,高,背景等。这些属性一样通过键值对的情势卸载标签中,是标签的一部分,并且每种标签的属性都不完全像同,有的标签有着本人特有的属性。如下图所示:
4、html注释
在实际开发中,我们需要在html文档中做一些标志,利便往后对代码的保护及修改,也利便其他程序员理解我们的代码。而在html文档中,注释的格局为:
HTML 2中标签的不同
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 />。在后面的讲述中我们会讲解 <img /> 标签乃至 <br />,这里只需要理解。