简述HTML文件的基本结构

2024-12-02 14:40:27
推荐回答(4个)
回答1:

HTML(HyperText Mark-up Language,超文本标记语言或超文本链接标示语言),是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

  HTML文档基本结构

  在HTML网页文档的基本结构中主要包含以下几种标记。

  1.HTML文件标记

  和标记放在网页文档的最外层,表示这对标记间的内容是HTML文档。放在文件开头,放在文件结尾,在这两个标记中间嵌套其他标记。

  2.HEAD文件头部标记

  文件头用和标记,该标记出现在文件的起始部分。标记内的内容不在浏览器中显示,主要用来说明文件的有关信息,如文件标题、作者、编写时间、搜索引擎可用的关键词等。

  在HEAD标记内最常用的标记是网页主题标记,即TITLE标记,它的格式为:

  

回答2:

HTML文件结构

HTML文件均以标记开始,以标记结束。...标记之间的内容
用于描述页面的头部信息,如页面的标题、作者、摘要、关键词、版权、自动刷新等信息。在
...标记之间的内容即为页面的主体内容。
HTML文件的整体结构及对应的预览效果如图所示。
1.页面标题标记<<br><title>标记用于定义页面的标题,是成对标记,位于<head>标记之间,如图1-1中显示标<br>题的语句为:<br><title>此处显示标题<hitle><br>2.辅助标i己<meta><br><meta>标记用于定义页面的相关信息,为非成对标记,位于<head>标记之间。使用<br><meta>标记可以描述页面的作者、摘要、关键词、版权、自动刷新等页面信息。<meta>标<br>记语句格式如下:<br><meta http-equiv="??" content-"71">,<br>其中http-equiv属性值可以是refresh(页面刷新)、reply-to(页面回复信息)、keywords(页<br>面关键字)、content-type(页面内容格式)、author(页面作者)、description(页面内容摘要)、<br>cop州ght(页面版权信息)等。<br>例如,一个页面10秒后自动刷新到abc.html页面,则其<meta>标记语句如下:<br><meta http-equiv="refresh" content=" 10 url=abc.html"><br>3.正文标记<body><br><body>标记用于定义正文内容的开始,</body>用于定义正文内容的结束.在<br><body>... </body>之间的内容即为页面的主体内容.使用<body>标记的各种属性可以定义页面<br>主体内容的不同表达效果,<body>标记的主要属性如下:<br>bgcolor:定义网页的背景色。<br>background:定义网页背景图像。<br><br>from<br>http://jingyan.baidu.com/article/75ab0bcbf04a75d6864db2fd.html</p> </div> </div> <div class="clear"></div> </div> <div class="wdhdnr"> <div class="huidanrtop"> <div class="wdhuidaxinx"> <div class="wdhuidaxm">回答3:</div> </div> </div> <div class="clear"></div> <div class="wdhuidanrmid"> <div class="zuijiacont"> <p>一个网页对应多个HTML文件,超文本标记语言文件以.htm(磁盘操作系统DOS限制的外语缩写)为扩展名或.html(外语缩写)为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件,只用修改文件后缀即可。 超文本标记语言标准的超文本标记语言文件都具有一个基本的整体结构,标记一般都是成对出现(部分标记除外例如:<br/>),即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。 标记符<html>,说明该文件是用超文本标记语言(本标签的中文全称)来描述的, 文件的开头;而</html>,则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。</p> </div> </div> <div class="clear"></div> </div> <div class="wdhdnr"> <div class="huidanrtop"> <div class="wdhuidaxinx"> <div class="wdhuidaxm">回答4:</div> </div> </div> <div class="clear"></div> <div class="wdhuidanrmid"> <div class="zuijiacont"> <p>http://wenku.baidu.com/link?url=iNOoblD3yxbT4Ckl5XERYvH2qLzS61Xv9AkL3JYQyJvjahN-q_vu-DVHdW2TYlrzFbJYPfY2AQMr42WU5MijOPLdjfylKaKSX87EfcWynlq</p> </div> </div> <div class="clear"></div> </div> </div> </div> <div class="wendaright"> <div class="wdluluerwema"> <div class="wdxgwttop">相关问答</div> <div class="wdxgwtnr"> </div> <div class="clear"></div> </div> <!-- 其他随机问答['id'=>alphaID($like['zid'])] --> <div class="wdluluerwema"> <div class="wdxgwttop">最新问答</div> <div class="wdxgwtnr"> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://82l.net/l/1113333502982256699.html">脑筋急转弯,哥哥今年4岁,弟弟比他小一半,哥哥100岁的时候,弟弟是几岁࿶&#12</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://82l.net/l/525576439078959565.html">方腊只有八员大将,用什么策略让梁山108位好汉死伤过半?</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://82l.net/l/314636629.html">完美国际最低配置</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://82l.net/l/310843719.html">碧玺为什么会越带越裂啊??</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://82l.net/l/175571812004009804.html">adobe illustrator怎么设置导出图片的像素尺寸</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://82l.net/l/54362900.html">竖式机箱横着放对硬盘有没影响</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://82l.net/l/561578738.html">傅家坡武汉到丹江的时刻表</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://82l.net/l/419510666.html">少女时代新专辑名称</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://82l.net/l/299999850.html">右耳进水了,好像有一块膜隔着,但不痛,听力没有下降,而且只是走路有点声音,怎么办?</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://82l.net/l/2016998650208636988.html">全日制英语学习,相比非全日制,有那些优势?</a></div> </div> </div> </div> </div> <div class="clear"></div> <div class="footer"> <!-- 移动底部导航 --> <div class="fanhuitop"><a href="#top" ref="nofollow"><img src="https://82l.net/static/old/img/fhtop.png" alt="返回顶部" title="返回顶部"></a></div> <div class="dibu"> <div class="dibu"> </div> </div> <div class="banquan"> <p>内容全部来源于网络收集,如有侵权,请联系网站删除:QQ:24596024</p> </div> </div> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?098a6a07cd59ce2fcae0ccc02d6c5e96"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>