通常HTML网页文件包含哪几个部分

2022-04-21 科技 112阅读
HTML的主要结构可划分为3个部分:
HTML标签:代表整篇文档是一个网页文件。
HEAD标签:用于描述网页的头部信息。
BODY标签:用于描述要显示的内容信息。
示例代码如下:
1.
2.
3.第一个HTML页面
4.
5.大家好,我们一起来学习ASP.NET吧!!
6.
HTML标签大部分是成对出现的,必须有开头和结尾部分。但浏览器具有一定的容错性,即使没有配对,通常也不会报错。
在书写HTML页面时,标签是不区分大小写的,所以实际网页中大写和小写的标签都存在(但新规范提倡使用小写,所以在使用VS2008设计的网页中,都已经使用了小写)。
我们针对上面的示例说明一下。
表示文件类型,分别放在开头和结尾部分,通过这一小段代码可以看出,HTML标签是成对出现的,但也有某种特殊的情况,由于浏览器的容错性很强,所以即使在编写的过程中不小心丢失了一个标签,在网页上都不会有错误提示。
标签表示文档的头部。打开浏览器或其他窗体界面时,都会有一个标题栏,而标题栏中显示的信息,就是HEAD中的一个元素标签所展示出来的。<br/><BODY></BODY>标签是文档的主体部分,在浏览器中显示的所有内容都是包含在BODY标签中的,写在BODY中的"大家好,我们一起来学习ASP.NET吧!!"这段文字也会相应地显示在浏览器中。 </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('251235881')" 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/251235881.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/251235881.html" target="">通常HTML网页文件包含哪几个部...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 04-21 </span><span> <i class="iconfont bx bx-show"></i> 112阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/397090976.html" title="求设计一个简单的网页 内容 写一个html页面,至少包含一个表格、一个表单; 30行以上; 美观不管" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="求设计一个简单的网页 内容 写一个html页面,至少包含一个表格、一个表单; 30行以上; 美观不管"> </a> <a href="https://w.sf024.com/info/397090976.html" target="">求设计一个简单的网页 内容 写一...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 06-12 </span><span> <i class="iconfont bx bx-show"></i> 96阅读 </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/1831445851605473380.html" title="为何在网页html文件添加ico图标链接后还是不显示,文件是放在跟html同个文件夹" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="为何在网页html文件添加ico图标链接后还是不显示,文件是放在跟html同个文件夹"> </a> <a href="https://w.sf024.com/info/1831445851605473380.html" target="">为何在网页html文件添加ico...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 03-29 </span><span> <i class="iconfont bx bx-show"></i> 236阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/437293688394492604.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/437293688394492604.html" target="">html网页文件的默认扩展名是什...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-18 </span><span> <i class="iconfont bx bx-show"></i> 90阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/622782200262009212.html" title="PDF文件转成HTML网页格式怎么实现" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="PDF文件转成HTML网页格式怎么实现"> </a> <a href="https://w.sf024.com/info/622782200262009212.html" target="">PDF文件转成HTML网页格式怎...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 03-30 </span><span> <i class="iconfont bx bx-show"></i> 101阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/51433911.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/51433911.html" target="">网页另存为后的文件夹和HTML文...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 03-16 </span><span> <i class="iconfont bx bx-show"></i> 521阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/554992826612436572.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/554992826612436572.html" target="">html网页制作背景图片从文件夹...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 08-05 </span><span> <i class="iconfont bx bx-show"></i> 64阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/545947292.html" title="质量管理体系通常包括哪几种类型的文件?" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="质量管理体系通常包括哪几种类型的文件?"> </a> <a href="https://w.sf024.com/info/545947292.html" target="">质量管理体系通常包括哪几种类型的...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 10-27 </span><span> <i class="iconfont bx bx-show"></i> 93阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/262819492605916885.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/262819492605916885.html" target="">网页源代码,为什么直接复制然后保...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-13 </span><span> <i class="iconfont bx bx-show"></i> 368阅读 </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>