HTML基本结构

简介:
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>


目录
相关文章
|
1月前
|
数据可视化 前端开发
HTML基础结构和常用标记的例子
HTML基础结构和常用标记的例子
15 0
|
1月前
|
移动开发 HTML5
HTML发展史和HTML结构
【2月更文挑战第17天】HTML发展史和HTML结构。
17 2
|
1月前
|
移动开发 搜索推荐 开发者
HTML基础结构
HTML基础结构
|
7月前
HTML table 标准结构
HTML table 标准结构
27 0
|
4月前
|
前端开发
【零基础入门前端系列】—图片和HTML的基本结构(三)
【零基础入门前端系列】—图片和HTML的基本结构(三)
|
4月前
|
前端开发
HTML+CSS制作DNA双螺旋结构
HTML+CSS制作DNA双螺旋结构
|
11月前
|
移动开发 前端开发 HTML5
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.2 HTML基础——2.2.1 HTML 文档基本结构(上)
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.2 HTML基础——2.2.1 HTML 文档基本结构(上)
|
11月前
|
移动开发 前端开发 HTML5
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.2 HTML基础——2.2.1 HTML 文档基本结构(中)
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.2 HTML基础——2.2.1 HTML 文档基本结构(中)
129 0
|
11月前
|
编解码 前端开发 JavaScript
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.2 HTML基础——2.2.1 HTML 文档基本结构(下)
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.2 HTML基础——2.2.1 HTML 文档基本结构(下)
|
11月前
|
移动开发 前端开发 JavaScript
零基础html5网页开发#004 网站基本结构
零基础html5网页开发#004 网站基本结构