简述“HTML”文档的基本结构?

2020-05-26 科技 69阅读
HTML(HyperText Mark-up Language,超文本标记语言或超文本链接标示语言),是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
HTML文档基本结构
在HTML网页文档的基本结构中主要包含以下几种标记。
1.HTML文件标记
和</HTML>标记放在网页文档的最外层,表示这对标记间的内容是HTML文档。放在文件开头,</HTML>放在文件结尾,在这两个标记中间嵌套其他标记。
2.HEAD文件头部标记
文件头用和</HEAD>标记,该标记出现在文件的起始部分。标记内的内容不在浏览器中显示,主要用来说明文件的有关信息,如文件标题、作者、编写时间、搜索引擎可用的关键词等。
在HEAD标记内最常用的标记是网页主题标记,即TITLE标记,它的格式为:
网页标题</TITLE><br />网页标题是提示网页内容和功能的文字,它将出现在浏览器的标题栏中。一个网页只能有一个标题,并且只能出现在文件的头部。<br />3.BODY文件主体标记<br />文件主体用<BODY>和</BODY>标记,它是HTML文档的主体部分。网页正文中的所有内容包括文字、表格、图像、声音和动画等都包含在这对标记对之间。通常的标记样式如下:<br /><BODY background="image-URL" bgcolor="color" text="<br />color" link="color" alink="color" vlink="color"<br />leftmargin="value" topmargin="value">…</BODY>. </div> <div class="tags"> </div> <div class="clear"> <div class="shares"> <b>声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com</b> <div id="share" class="share-component social-share" data-sites="weibo,qzone,qq,wechat"> </div> </div> <div class="act"> <a href="JavaScript:" onclick="zan('535607201')" class="zan" title="赞"> <i class="iconfont bx bx-like"></i> <span id="zan">0</span> </a> </div> </div> <div class="clear"></div> </div> <div class="ny-ad"> </div> <div class="ny-ad"> </div> <div class="like"> <h3 class="title">最新文章</h3> <div class="piclist likep"> <div class="li"> <div class="img"> <a href="https://w.sf024.com/info/942589595637809572.html" title="惠普(HP)LaserJet MFP M436n打印怎么总提示纸盘1没纸,纸盘2设置保存了也不打印,怎么设置"> <img src="https://w.sf024.com/assets/img/default.jpg" alt=""> </a> </div> <a href="https://w.sf024.com/ask/10" class="cat">科技 </a> <h3> <a href="https://w.sf024.com/info/942589595637809572.html" title="惠普(HP)LaserJet MFP M436n打印怎么总提示纸盘1没纸,纸盘2设置保存了也不打印,怎么设置">惠普(HP)LaserJet MFP M436n打印怎么总提示纸盘1没纸,纸盘2设置保存了也不打印,怎么设置</a> </h3> <div class="meta"> <span class="time"> <i class="iconfont bx bx-time"></i> 04-15 </span> <span class="views"> <i class="iconfont bx bx-show"></i> 2.5万阅读 </span> </div> </div> <div class="li"> <div class="img"> <a href="https://w.sf024.com/info/709929852732135965.html" title="如何做好把一个新产品推向市场"> <img src="https://w.sf024.com/assets/img/default.jpg" alt=""> </a> </div> <a href="https://w.sf024.com/ask/10" class="cat">科技 </a> <h3> <a href="https://w.sf024.com/info/709929852732135965.html" title="如何做好把一个新产品推向市场">如何做好把一个新产品推向市场</a> </h3> <div class="meta"> <span class="time"> <i class="iconfont bx bx-time"></i> 04-16 </span> <span class="views"> <i class="iconfont bx bx-show"></i> 86阅读 </span> </div> </div> <div class="li"> <div class="img"> <a href="https://w.sf024.com/info/1309089613027686979.html" title="西门子冰箱"> <img src="https://w.sf024.com/assets/img/default.jpg" alt=""> </a> </div> <a href="https://w.sf024.com/ask/10" class="cat">科技 </a> <h3> <a href="https://w.sf024.com/info/1309089613027686979.html" title="西门子冰箱">西门子冰箱</a> </h3> <div class="meta"> <span class="time"> <i class="iconfont bx bx-time"></i> 04-16 </span> <span class="views"> <i class="iconfont bx bx-show"></i> 112阅读 </span> </div> </div> <div class="clear"></div> </div> </div> <div class="ny-ad"> </div> </div> <div class="sidebar"> <div class="widget postlist"> <h3>猜你喜欢</h3> <ul class="hasimg"> <li> <a href="https://w.sf024.com/info/535607201.html" title="简述“HTML”文档的基本结构?" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="简述“HTML”文档的基本结构?"> </a> <a href="https://w.sf024.com/info/535607201.html" target="">简述“HTML”文档的基本结构?...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-26 </span><span> <i class="iconfont bx bx-show"></i> 69阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1833071555900733100.html" title="简述html文件的基本标记组成" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="简述html文件的基本标记组成"> </a> <a href="https://w.sf024.com/info/1833071555900733100.html" target="">简述html文件的基本标记组成...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 10-01 </span><span> <i class="iconfont bx bx-show"></i> 83阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/2117398859501682427.html" title="浏览器是怎么把html文档解析成DOM结构的" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="浏览器是怎么把html文档解析成DOM结构的"> </a> <a href="https://w.sf024.com/info/2117398859501682427.html" target="">浏览器是怎么把html文档解析成...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 08-11 </span><span> <i class="iconfont bx bx-show"></i> 84阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/331711323.html" title="简述细菌的基本形态和基本结构" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="简述细菌的基本形态和基本结构"> </a> <a href="https://w.sf024.com/info/331711323.html" target="">简述细菌的基本形态和基本结构...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 07-27 </span><span> <i class="iconfont bx bx-show"></i> 172阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1881750641264468708.html" title="简述论文的基本结构" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="简述论文的基本结构"> </a> <a href="https://w.sf024.com/info/1881750641264468708.html" target="">简述论文的基本结构...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 06-27 </span><span> <i class="iconfont bx bx-show"></i> 202阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/80274405.html" title="简述细菌的基本结构及其主要功能" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="简述细菌的基本结构及其主要功能"> </a> <a href="https://w.sf024.com/info/80274405.html" target="">简述细菌的基本结构及其主要功能...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-19 </span><span> <i class="iconfont bx bx-show"></i> 213阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1180854659220900019.html" title="简述社会基本结构的涵义和构成" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="简述社会基本结构的涵义和构成"> </a> <a href="https://w.sf024.com/info/1180854659220900019.html" target="">简述社会基本结构的涵义和构成...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 06-16 </span><span> <i class="iconfont bx bx-show"></i> 1121阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/522834229817125405.html" title="HTML文件的基本结构应包含哪些标记或语句(写代码),谢谢!" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="HTML文件的基本结构应包含哪些标记或语句(写代码),谢谢!"> </a> <a href="https://w.sf024.com/info/522834229817125405.html" target="">HTML文件的基本结构应包含哪些...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-24 </span><span> <i class="iconfont bx bx-show"></i> 66阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1770494371075451420.html" title="简述绘制组织结构图的基本方法" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="简述绘制组织结构图的基本方法"> </a> <a href="https://w.sf024.com/info/1770494371075451420.html" target="">简述绘制组织结构图的基本方法...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 09-15 </span><span> <i class="iconfont bx bx-show"></i> 123阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/280430662.html" title="简述为文档添加水印文字:“绝密文件”(宋体,36号,蓝色)的基本步骤" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="简述为文档添加水印文字:“绝密文件”(宋体,36号,蓝色)的基本步骤"> </a> <a href="https://w.sf024.com/info/280430662.html" target="">简述为文档添加水印文字:“绝密文...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 04-18 </span><span> <i class="iconfont bx bx-show"></i> 275阅读 </span> </p> </li> </ul> </div> </div> </div> </section> <footer class="footer"> <div class="container"> <p class="copyright">COPYRIGHT 2013 - 2024 你问我答网®. ALL RIGHTS RESERVED. | <a href="https://beian.miit.gov.cn/" target="_blank">豫ICP备2020035127号</a></p> </div> </footer> <script> let search_type="1"; var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?752ceaa2e03e39366ceff9a414a1f6a7"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();</script> <script type="text/javascript" src="https://w.sf024.com/assets/js/jquery.share.min.js"></script> </body> </html>