博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML基本结构
阅读量:6430 次
发布时间:2019-06-23

本文共 1641 字,大约阅读时间需要 5 分钟。

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)。

例如:

			导航		
网址导航
百度 新浪 搜狐

转载于:https://www.cnblogs.com/chaoyu/p/6436934.html

你可能感兴趣的文章
eclipse web开发Server配置
查看>>
曹政--互联网搜索老师傅
查看>>
MUI框架开发HTML5手机APP(一)--搭建第一个手机APP(转)
查看>>
linux下使用 du查看某个文件或目录占用磁盘空间的大小
查看>>
Android水波纹特效的简单实现
查看>>
MugLife静态照片变3D动画算法研究
查看>>
【java】Could not find or load main class
查看>>
[wp7软件]wp7~~各种视频播放器下载大全
查看>>
基于NodeJS的HTTP server Plus 4:多语言(Accept-Language/Content-Language)
查看>>
详解 Vue 生命周期实现
查看>>
Java工程师必知之事 —— 如何定义自己的职业路线?
查看>>
Java中对象并不是都在堆上分配内存的。
查看>>
代码质量与规范,那些年你欠下的技术债
查看>>
计算机程序的思维逻辑 (19) - 接口的本质
查看>>
自定义控件(二) 从源码分析事件分发机制
查看>>
CVE-2014-4113漏洞利用过程分析
查看>>
解密MSSQL链接数据库的密码
查看>>
Glide-源码详解
查看>>
你敢在post和get上刁难我,就别怪我装逼了
查看>>
直播 3.0 时代,在线教育行业的裂变和重构
查看>>