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>


目录
相关文章
|
2月前
|
移动开发 HTML5
HTML5的基本结构
HTML5的基本结构。
35 5
|
7月前
|
存储 JavaScript 数据可视化
vue3+echarts应用——深度遍历html的dom结构并用树图进行可视化
vue3+echarts应用——深度遍历html的dom结构并用树图进行可视化
170 1
|
4月前
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
59 0
|
4月前
|
移动开发 搜索推荐 前端开发
HTML结构的基本标签
HTML结构的基本标签
127 65
|
2月前
|
移动开发 HTML5
一个最简单的 HTML 页面结构如下:
HTML 是一种标记语言,用于描述网页结构。通过 `&lt;html&gt;`, `&lt;head&gt;`, `&lt;body&gt;` 等标签构建页面,支持文本、图像、链接、表格等多种元素。本文介绍了 HTML 基础,包括常用标签及创建简单网页的实例,帮助初学者快速入门。
64 0
|
3月前
|
数据采集 存储 JavaScript
如何使用Cheerio与jsdom解析复杂的HTML结构进行数据提取
在现代网页开发中,复杂的HTML结构给爬虫技术带来挑战。传统的解析库难以应对,而Cheerio和jsdom在Node.js环境下提供了强大工具。本文探讨如何在复杂HTML结构中精确提取数据,结合代理IP、cookie、user-agent设置及多线程技术,提升数据采集的效率和准确性。通过具体示例代码,展示如何使用Cheerio和jsdom解析HTML,并进行数据归类和统计。这种方法适用于处理大量分类数据的爬虫任务,帮助开发者轻松实现高效的数据提取。
如何使用Cheerio与jsdom解析复杂的HTML结构进行数据提取
|
4月前
|
4月前
|
移动开发 搜索推荐 开发者
HTML5结构元素深解语义化 div、section、article
HTML5结构元素深解语义化 div、section、article
揭秘HTML文档的结构和层次
揭秘HTML文档的结构和层次
|
4月前
|
数据采集 移动开发 搜索推荐
HTML基础结构
HTML基础结构