HTML文件结构
的有关信息介绍如下：
跟大家一起分享下网页结构的知识
2.2 HTML文件结构
HTML文件均以标记开始，以标记结束。
...标记之间的内容
用于描述页面的头部信息，如页面的标题、作者、摘要、关键词、版权、自动刷新等信息。在
...标记之间的内容即为页面的主体内容。
HTML文件的整体结构及对应的预览效果如图所示。
I.页面标题标记<
</p><p> <title>标记用于定义页面的标题，是成对标记，位于<head>标记之间，如图1-1中显示标</p><p>题的语句为:</p><p> <title>此处显示标题<hitle></p><p> 2.辅助标i己<meta></p><p> <meta>标记用于定义页面的相关信息，为非成对标记，位于<head>标记之间。使用</p><p><meta>标记可以描述页面的作者、摘要、关键词、版权、自动刷新等页面信息。<meta>标</p><p>记语句格式如下:</p><p> <meta http-equiv="??" content-"71">，</p><p> 其中http-equiv属性值可以是refresh(页面刷新)、reply-to(页面回复信息)、keywords(页</p><p>面关键字)、content-type(页面内容格式)、author(页面作者)、description(页面内容摘要)、</p><p>cop州ght(页面版权信息)等。</p><p> 例如，一个页面10秒后自动刷新到abc.html页面，则其<meta>标记语句如下:</p><p> <meta http-equiv="refresh" content=" 10 url=abc.html"></p><p> 3.正文标记<body></p><p> <body>标记用于定义正文内容的开始，</body>用于定义正文内容的结束.在</p><p><body>... </body>之间的内容即为页面的主体内容.使用<body>标记的各种属性可以定义页面</p><p>主体内容的不同表达效果，<body>标记的主要属性如下:</p><p>bgcolor:定义网页的背景色。</p><p>background:定义网页背景图像。</p> </div>
<div class="entry-footer clear">
<div class="entry-tags"><span class="tag-links">标签:HTML,文件,结构</span></div>
</div>
</article>
<div class="related-content"><span class="section-title">相关文章</span>
<ul class="clear">
<li class="hentry ht_grid_1_3">
<a class="thumbnail-link" href="/answer/40.html">
<div class="thumbnail-wrap"><img src="/upload/images/2024/0904/ab6eafea.jpg" alt="自荐材料有哪些东西组成？"></div>
</a>
<div class="entry-title"><a href="/answer/40.html">自荐材料有哪些东西组成？</a></div>
<div class="entry-meta">
<span class="entry-date">2025-06-13 18:10</span>
<span class="entry-views">阅读(993)</span>
</div>
</li>
<li class="hentry ht_grid_1_3">
<a class="thumbnail-link" href="/answer/409.html">
<div class="thumbnail-wrap"><img src="/upload/images/2024/0904/5d7025bb.jpg" alt="呼儿将出换美酒,与尔同销万古愁."></div>
</a>
<div class="entry-title"><a href="/answer/409.html">呼儿将出换美酒,与尔同销万古愁.</a></div>
<div class="entry-meta">
<span class="entry-date">2025-06-14 06:28</span>
<span class="entry-views">阅读(992)</span>
</div>
</li>
<li class="hentry ht_grid_1_3">
<a class="thumbnail-link" href="/answer/53.html">
<div class="thumbnail-wrap"><img src="/upload/images/2024/0904/33e2ba12.jpg" alt="济南来自到北京高铁"></div>
</a>
<div class="entry-title"><a href="/answer/53.html">济南来自到北京高铁</a></div>
<div class="entry-meta">
<span class="entry-date">2025-06-13 18:36</span>
<span class="entry-views">阅读(991)</span>
</div>
</li>
</ul>
</div>
<div class="popular-content entry-related">
<div class="popular-loop">
<div class="hentry">
<div class="entry-title">
<span class="post-num num-1">1</span>
<a href="/answer/343.html">steam账号为什么无法注销</a>
</div>
<div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 988 阅读</span></div>
</div>
<div class="hentry">
<div class="entry-title">
<span class="post-num num-2">2</span>
<a href="/answer/659.html">198来自5年农历9初八的阳历是什么</a>
</div>
<div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 987 阅读</span></div>
</div>
<div class="hentry">
<div class="entry-title">
<span class="post-num num-3">3</span>
<a href="/answer/654.html">cc猫qq表情包下载 越全越好 493633722@qq.com</a>
</div>
<div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 987 阅读</span></div>
</div>
<div class="hentry">
<div class="entry-title">
<span class="post-num num-4">4</span>
<a href="/answer/111.html">《春娇与志明》的歌词谐音是怎样的来自？</a>
</div>
<div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 984 阅读</span></div>
</div>
<div class="hentry">
<div class="entry-title">
<span class="post-num num-5">5</span>
<a href="/answer/1578.html">谁有不卡来自免费的电影 电视剧网址</a>
</div>
<div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 982 阅读</span></div>
</div>
</div>
</div>
</main>
</div>
</div>
<aside id="secondary" class="sidebar">
<div class="widget widget_posts_thumbnail">
<div class="widget-title"><span>大家喜欢的文章</span></div>
<ul>
<li class="clear">
<a href="/answer/40.html">
<div class="thumbnail-wrap"><img src="/upload/images/2024/0904/ab6eafea.jpg" alt="自荐材料有哪些东西组成？"></div>
</a>
<div class="entry-wrap"><a href="/answer/40.html">自荐材料有哪些东西组成？</a>
<div class="entry-meta">2025-06-13 18:10</div>
</div>
</li>
<li class="clear">
<a href="/answer/409.html">
<div class="thumbnail-wrap"><img src="/upload/images/2024/0904/5d7025bb.jpg" alt="呼儿将出换美酒,与尔同销万古愁."></div>
</a>
<div class="entry-wrap"><a href="/answer/409.html">呼儿将出换美酒,与尔同销万古愁.</a>
<div class="entry-meta">2025-06-14 06:28</div>
</div>
</li>
<li class="clear">
<a href="/answer/53.html">
<div class="thumbnail-wrap"><img src="/upload/images/2024/0904/33e2ba12.jpg" alt="济南来自到北京高铁"></div>
</a>
<div class="entry-wrap"><a href="/answer/53.html">济南来自到北京高铁</a>
<div class="entry-meta">2025-06-13 18:36</div>
</div>
</li>
<li class="clear">
<a href="/answer/343.html">
<div class="thumbnail-wrap"><img src="/upload/images/2024/0904/93e7910b.jpg" alt="steam账号为什么无法注销"></div>
</a>
<div class="entry-wrap"><a href="/answer/343.html">steam账号为什么无法注销</a>
<div class="entry-meta">2025-06-14 04:16</div>
</div>
</li>
<li class="clear">
<a href="/answer/659.html">
<div class="thumbnail-wrap"><img src="/upload/images/2024/0904/827afe62.jpg" alt="198来自5年农历9初八的阳历是什么"></div>
</a>
<div class="entry-wrap"><a href="/answer/659.html">198来自5年农历9初八的阳历是什么</a>
<div class="entry-meta">2025-06-14 14:48</div>
</div>
</li>
<li class="clear">
<a href="/answer/654.html">
<div class="thumbnail-wrap"><img src="/upload/images/2024/0904/c0a1403f.jpg" alt="cc猫qq表情包下载 越全越好 493633722@qq.com"></div>
</a>
<div class="entry-wrap"><a href="/answer/654.html">cc猫qq表情包下载 越全越好 493633722@qq.com</a>
<div class="entry-meta">2025-06-14 14:39</div>
</div>
</li>
<li class="clear">
<a href="/answer/111.html">
<div class="thumbnail-wrap"><img src="/upload/images/2024/0904/b237e112.jpg" alt="《春娇与志明》的歌词谐音是怎样的来自？"></div>
</a>
<div class="entry-wrap"><a href="/answer/111.html">《春娇与志明》的歌词谐音是怎样的来自？</a>
<div class="entry-meta">2025-06-13 20:33</div>
</div>
</li>
<li class="clear">
<a href="/answer/1578.html">
<div class="thumbnail-wrap"><img src="/upload/images/2024/0904/441d3f74.jpg" alt="谁有不卡来自免费的电影 电视剧网址"></div>
</a>
<div class="entry-wrap"><a href="/answer/1578.html">谁有不卡来自免费的电影 电视剧网址</a>
<div class="entry-meta">2025-06-15 21:29</div>
</div>
</li>
</ul>
</div>
<div class="widget widget_posts_thumbnail">
<div class="widget-title"><span>近期发布的文章</span></div>
<ul>
<li class="clear">
<a href="/answer/140315.html">
<div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0909/8e9bf9c4.jpg" alt="如何在线把png图片转为ico图标"></div>
</a>
<div class="entry-wrap"><a href="/answer/140315.html">如何在线把png图片转为ico图标</a>
<div class="entry-meta">2025-09-27 12:35</div>
</div>
</li>
<li class="clear">
<a href="/answer/140317.html">
<div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0909/f2bf38ef.jpg" alt="乐业大石围天坑交通及游玩行程安排"></div>
</a>
<div class="entry-wrap"><a href="/answer/140317.html">乐业大石围天坑交通及游玩行程安排</a>
<div class="entry-meta">2025-09-27 12:38</div>
</div>
</li>
<li class="clear">
<a href="/answer/140304.html">
<div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0909/530e7f97.jpg" alt="word2013怎么设置页码"></div>
</a>
<div class="entry-wrap"><a href="/answer/140304.html">word2013怎么设置页码</a>
<div class="entry-meta">2025-09-27 12:25</div>
</div>
</li>
<li class="clear">
<a href="/answer/140300.html">
<div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0909/a736556d.jpg" alt="如何正确的吃蛋白粉"></div>
</a>
<div class="entry-wrap"><a href="/answer/140300.html">如何正确的吃蛋白粉</a>
<div class="entry-meta">2025-09-27 12:20</div>
</div>
</li>
<li class="clear">
<a href="/answer/140299.html">
<div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0909/d864fe6f.jpg" alt="win7如何添加公司的打印机驱动"></div>
</a>
<div class="entry-wrap"><a href="/answer/140299.html">win7如何添加公司的打印机驱动</a>
<div class="entry-meta">2025-09-27 12:19</div>
</div>
</li>
<li class="clear">
<a href="/answer/140297.html">
<div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0909/8fd9db48.jpg" alt="尼康d7200如何拍夜景"></div>
</a>
<div class="entry-wrap"><a href="/answer/140297.html">尼康d7200如何拍夜景</a>
<div class="entry-meta">2025-09-27 12:17</div>
</div>
</li>
<li class="clear">
<a href="/answer/140296.html">
<div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0909/32dce8e3.jpg" alt="小复式楼楼梯如何装修设计"></div>
</a>
<div class="entry-wrap"><a href="/answer/140296.html">小复式楼楼梯如何装修设计</a>
<div class="entry-meta">2025-09-27 12:16</div>
</div>
</li>
<li class="clear">
<a href="/answer/140293.html">
<div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0909/8f08c3a1.jpg" alt="眼睛干涩、酸痛怎么办"></div>
</a>
<div class="entry-wrap"><a href="/answer/140293.html">眼睛干涩、酸痛怎么办</a>
<div class="entry-meta">2025-09-27 12:13</div>
</div>
</li>
</ul>
</div>
</aside>
</div>
<footer id="colophon" class="site-footer">
<div id="site-bottom" class="clear">
<div class="container">
<div class="site-info"><a href="/sitemap.xml">网站地图</a> - <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">闽ICP备14018707号-52</a> - 联系邮箱：1465333496@qq.com </div>
</div>
</div>
</footer>
</div>
<div id="back-top" style="display: none;">
<a href="#top" title="返回顶部"><span class="genericon genericon-collapse"></span></a>
</div>
<script>(function ($) {
$(document).ready(function () {
"use strict";
$('#primary-menu').slicknav({
prependTo: '#slick-mobile-menu',
allowParentLinks: true,
label: '导航'
});
});
})(jQuery);</script>
<script defer="" src="/themes/simpleboot3/static/js/autoptimize.js"></script>
</body>
</html> 
Simone
发布于 2025-09-27 12:26:46
892 阅读