HTML基本结构

最新推荐文章于 2022-07-04 19:49:31 发布

chaoyu168

最新推荐文章于 2022-07-04 19:49:31 发布

阅读量1.6k

点赞数 1

分类专栏： HTML 文章标签： HTML

本文链接：https://blog.csdn.net/chaoyu168/article/details/50062365

版权

HTML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

HTML的基本机构
完整的HTML文件至少包括<HTML>标签、<HEAD>标签、<TITLE>标签和<BODY>标签，并且这些标签都是成对出现的，开头标签为<>，结束标签为</>，在这两个标签之间添加内容。通过这些标签中的相关属性可以设置页面的背景色、背景图像等。 1. HTML文档的结构
HTML文档主要由3部分组成。
●HTML部分：HTML部分以<HTML>标签开始，以<／HTML>标签结束。 <HTML> „„ </HTML>
<HTML>标签告诉浏览器这两个标签中间的内容是HTML文档。
●头部：头部以<HEAD>标签开始，以</HEAD>标签结束。这部分包含显示在网页标题栏中的标题和其他在网页中不显示的信息。标题包含在<TITLE>和<／TITLE>标签之间。
<HEAD>
<TITLE>„„</TITLE>

</HEAD>
●主体部分：主体部分包含在网页中显示的文本、图像和链接。主体部分以<BODY>标签开始，以</BODY>标签结束。 <BODY> </BODY>

小经验：标签不区分大小写，因此用户可以使用<html>来代替<HTML>。

<html>	<HTML 文档的开始>
<head>	<HTML 文档的头部开始>
<title>	<HTML 文档的标题信息开始>
</title>	<HTML 文档的标题信息结束>
</head>	<HTML 文档的头部结束>
<body>	<HTML 文档的主体开始>
</body>	<HTML 文档的主体结束>
<html>	<HTML 文档的结束>

由上表可以看出，HTML文件的最基本结构，主要包含4个标记，即<html><html>，<head></head>，<title></title>，<body></body>，它们的含义分别如下所述：
（1）：<html><html>：标识HTML文件的开始与结束，在一般的HTML文件中均须具备该标记。
（2）：<head></head>：HTML文件的头部标记，主要用来旋转HTML文件的说明信息，搜索当前文件的关键字等信息，也可以在该标记之间放置如JavaScript，VBScript和CSS等类型的脚本。
（3）：<title></title>：HTML文件的标题信息，即当前文件在浏览器中浏览时有浏览器窗口的标题栏上显示的文字，该标记几乎所有的HTML文件中均须具务。
（4）：<body></body>：HTML文件的主体标记，即只有在<body></body>标记中编辑的网页对象才可以在浏览器窗口中显示，该标记具有多个标记属性，其所有的标记属性基本上都是用来控制当前HTML文件的页面属性，具体描述如下：
◆Onload属性：载入函数，其取值为URL。
◆Bgcolor属性：文件的背景颜色，其属性值为颜色值。如#ff0000（红色）。
◆Text属性：文件中文本的颜色，其属性值为颜色值。
◆Background属性：文件的背景图像，其属性值为
◆Link属性：文件中链接的初始颜色，其属性值为颜色值。
◆Vlink属性：文件中访问过的链接颜色，其属性值为颜色值。
◆Alink属性：文件中被激活的链接的颜色，其属性值为颜色值。
◆Leftmargin属性：文件的左边界，其属性值为某个正整数，单位是像素（Pixel）。
◆Topmargin属性：文件的上边界，其属性值为某个正整数，单位是像素（Pixel）。
◆Marginwidth属性：文件的边界宽度，其属性值为某个正整数，单位是像素（Pixel）。

◆Marginheight属性：文件的边界高度，其属性值为某个正整数，单位是像素（Pixel）。

例如：

<html>
	<head>
		<title>导航</title>
		<meta charset="UTF-8">
	<!--body bgcolor="green" text="red"-->
	<body link="blue" vlink="red" alink="green">
		<b1>网址导航</b1>
		<a href="http://www.baidu.com">百度</a>
		<a href="http://www.xinlang.com">新浪</a>
		<a href="http://www.sohu.com">搜狐</a>
	</body>	
	</head>
</html>