跟大家一起分享下网页结构的知识
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>
<div class="related-articles">
<h3 class="section-title">相关文章</h3>
<div class="related-grid">
<div class="related-item">
<div class="related-thumb">
<a href="/article/164589.html">
<img src="/upload/jingyan/2025/0906/f70418f0.jpg" alt="HTML样式CSS如何使用样式">
</a>
</div>
<div class="related-info">
<h4 class="related-title">
<a href="/article/164589.html">HTML样式CSS如何使用样式</a>
</h4>
<div class="related-meta">
<span class="related-date">2026-05-31 02:28</span>
<span class="related-views">阅读(985 次)</span>
</div>
</div>
</div>
<div class="related-item">
<div class="related-thumb">
<a href="/answer/163736.html">
<img src="/upload/jingyan/2025/0906/5d085fe1.jpg" alt="html中div布局及其图片插入链接">
</a>
</div>
<div class="related-info">
<h4 class="related-title">
<a href="/answer/163736.html">html中div布局及其图片插入链接</a>
</h4>
<div class="related-meta">
<span class="related-date">2026-05-30 12:15</span>
<span class="related-views">阅读(971 次)</span>
</div>
</div>
</div>
<div class="related-item">
<div class="related-thumb">
<a href="/answer/163132.html">
<img src="/upload/jingyan/2025/0906/ef723c84.jpg" alt="html边框颜色怎么设置">
</a>
</div>
<div class="related-info">
<h4 class="related-title">
<a href="/answer/163132.html">html边框颜色怎么设置</a>
</h4>
<div class="related-meta">
<span class="related-date">2026-05-30 02:11</span>
<span class="related-views">阅读(942 次)</span>
</div>
</div>
</div>
<div class="related-item">
<div class="related-thumb">
<a href="/life/162069.html">
<img src="/upload/jingyan/2025/0906/e1f3dc9f.jpg" alt="html图片如何居中">
</a>
</div>
<div class="related-info">
<h4 class="related-title">
<a href="/life/162069.html">html图片如何居中</a>
</h4>
<div class="related-meta">
<span class="related-date">2026-05-29 08:28</span>
<span class="related-views">阅读(934 次)</span>
</div>
</div>
</div>
<div class="related-item">
<div class="related-thumb">
<a href="/answer/158835.html">
<img src="/upload/jingyan/2025/0906/164e9a99.jpg" alt="HTML开发工具怎么用？HTML最简单的开发工具">
</a>
</div>
<div class="related-info">
<h4 class="related-title">
<a href="/answer/158835.html">HTML开发工具怎么用？HTML最简单的开发工具</a>
</h4>
<div class="related-meta">
<span class="related-date">2026-05-27 02:34</span>
<span class="related-views">阅读(937 次)</span>
</div>
</div>
</div>
<div class="related-item">
<div class="related-thumb">
<a href="/article/157707.html">
<img src="/upload/jingyan/2025/0906/3b756e92.jpg" alt="结构工程师与电子工程师的文件交换">
</a>
</div>
<div class="related-info">
<h4 class="related-title">
<a href="/article/157707.html">结构工程师与电子工程师的文件交换</a>
</h4>
<div class="related-meta">
<span class="related-date">2026-05-26 07:45</span>
<span class="related-views">阅读(954 次)</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar">
<div class="sidebar-widget">
<h3 class="widget-title"><i class="fas fa-fire"></i>热门文章</h3>
<div class="hot-articles">
<div class="hot-article-item">
<div class="hot-article-rank">1</div>
<div class="hot-article-content">
<h4 class="hot-article-title">
<a href="/article/101694.html">望眼欲穿造句五年级上册</a>
</h4>
<div class="hot-article-meta">
<span class="hot-article-views">
<i class="fas fa-eye"></i>
1056次
</span>
<span class="hot-article-date">2026-04-16 01:41</span>
</div>
</div>
</div>
<div class="hot-article-item">
<div class="hot-article-rank">2</div>
<div class="hot-article-content">
<h4 class="hot-article-title">
<a href="/article/102045.html">大字组词造句一年级上册</a>
</h4>
<div class="hot-article-meta">
<span class="hot-article-views">
<i class="fas fa-eye"></i>
1054次
</span>
<span class="hot-article-date">2026-04-16 13:22</span>
</div>
</div>
</div>
<div class="hot-article-item">
<div class="hot-article-rank">3</div>
<div class="hot-article-content">
<h4 class="hot-article-title">
<a href="/article/100510.html">手到擒来打一数字</a>
</h4>
<div class="hot-article-meta">
<span class="hot-article-views">
<i class="fas fa-eye"></i>
1052次
</span>
<span class="hot-article-date">2026-04-14 10:12</span>
</div>
</div>
</div>
<div class="hot-article-item">
<div class="hot-article-rank">4</div>
<div class="hot-article-content">
<h4 class="hot-article-title">
<a href="/article/100394.html">给自己放个假的经典句子</a>
</h4>
<div class="hot-article-meta">
<span class="hot-article-views">
<i class="fas fa-eye"></i>
1051次
</span>
<span class="hot-article-date">2026-04-14 06:21</span>
</div>
</div>
</div>
<div class="hot-article-item">
<div class="hot-article-rank">5</div>
<div class="hot-article-content">
<h4 class="hot-article-title">
<a href="/article/100341.html">医疗保险的英文</a>
</h4>
<div class="hot-article-meta">
<span class="hot-article-views">
<i class="fas fa-eye"></i>
1051次
</span>
<span class="hot-article-date">2026-04-14 04:34</span>
</div>
</div>
</div>
<div class="hot-article-item">
<div class="hot-article-rank">6</div>
<div class="hot-article-content">
<h4 class="hot-article-title">
<a href="/article/101559.html">忆往昔峥嵘岁月稠的峥嵘是什么意思</a>
</h4>
<div class="hot-article-meta">
<span class="hot-article-views">
<i class="fas fa-eye"></i>
1050次
</span>
<span class="hot-article-date">2026-04-15 21:11</span>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar-widget">
<h3 class="widget-title"><i class="fas fa-star"></i>推荐阅读</h3>
<div class="recommended-articles">
<div class="recommended-article-item">
<div class="rec-article-thumb">
<a href="/life/167546.html">
<img src="/upload/jingyan/2025/0909/0d911e0c.jpg" alt="幕府将军2全面战争兵种大全之弓足轻">
</a>
</div>
<div class="rec-article-content">
<h4 class="rec-article-title">
<a href="/life/167546.html">幕府将军2全面战争兵种大全之弓足轻</a>
</h4>
<div class="rec-article-meta">
<span class="rec-article-date">2026-06-02 03:45</span>
<span class="rec-article-views">
<i class="fas fa-eye"></i>
943次
</span>
</div>
</div>
</div>
<div class="recommended-article-item">
<div class="rec-article-thumb">
<a href="/life/167547.html">
<img src="/upload/jingyan/2025/0909/94bddc6c.jpg" alt="魔兽世界任务酒吧斗殴怎么做">
</a>
</div>
<div class="rec-article-content">
<h4 class="rec-article-title">
<a href="/life/167547.html">魔兽世界任务酒吧斗殴怎么做</a>
</h4>
<div class="rec-article-meta">
<span class="rec-article-date">2026-06-02 03:45</span>
<span class="rec-article-views">
<i class="fas fa-eye"></i>
934次
</span>
</div>
</div>
</div>
<div class="recommended-article-item">
<div class="rec-article-thumb">
<a href="/life/167548.html">
<img src="/upload/jingyan/2025/0909/4bdd8433.jpg" alt="水培吊兰腐烂的原因及解决办法">
</a>
</div>
<div class="rec-article-content">
<h4 class="rec-article-title">
<a href="/life/167548.html">水培吊兰腐烂的原因及解决办法</a>
</h4>
<div class="rec-article-meta">
<span class="rec-article-date">2026-06-02 03:46</span>
<span class="rec-article-views">
<i class="fas fa-eye"></i>
973次
</span>
</div>
</div>
</div>
<div class="recommended-article-item">
<div class="rec-article-thumb">
<a href="/life/167549.html">
<img src="/upload/jingyan/2025/0909/c02c113a.jpg" alt="win8.1系统怎么把我的电脑放到桌面上来">
</a>
</div>
<div class="rec-article-content">
<h4 class="rec-article-title">
<a href="/life/167549.html">win8.1系统怎么把我的电脑放到桌面上来</a>
</h4>
<div class="rec-article-meta">
<span class="rec-article-date">2026-06-02 03:47</span>
<span class="rec-article-views">
<i class="fas fa-eye"></i>
975次
</span>
</div>
</div>
</div>
<div class="recommended-article-item">
<div class="rec-article-thumb">
<a href="/answer/167550.html">
<img src="/upload/jingyan/2025/0909/503d155a.jpg" alt="无线测温装置安装使用">
</a>
</div>
<div class="rec-article-content">
<h4 class="rec-article-title">
<a href="/answer/167550.html">无线测温装置安装使用</a>
</h4>
<div class="rec-article-meta">
<span class="rec-article-date">2026-06-02 03:48</span>
<span class="rec-article-views">
<i class="fas fa-eye"></i>
996次
</span>
</div>
</div>
</div>
<div class="recommended-article-item">
<div class="rec-article-thumb">
<a href="/life/167552.html">
<img src="/upload/jingyan/2025/0909/530e7f97.jpg" alt="word2013怎么设置页码">
</a>
</div>
<div class="rec-article-content">
<h4 class="rec-article-title">
<a href="/life/167552.html">word2013怎么设置页码</a>
</h4>
<div class="rec-article-meta">
<span class="rec-article-date">2026-06-02 03:51</span>
<span class="rec-article-views">
<i class="fas fa-eye"></i>
935次
</span>
</div>
</div>
</div>
<div class="recommended-article-item">
<div class="rec-article-thumb">
<a href="/article/167553.html">
<img src="/upload/jingyan/2025/0909/c8ab8955.jpg" alt="AutoCAD2015怎么安装激活">
</a>
</div>
<div class="rec-article-content">
<h4 class="rec-article-title">
<a href="/article/167553.html">AutoCAD2015怎么安装激活</a>
</h4>
<div class="rec-article-meta">
<span class="rec-article-date">2026-06-02 03:52</span>
<span class="rec-article-views">
<i class="fas fa-eye"></i>
987次
</span>
</div>
</div>
</div>
<div class="recommended-article-item">
<div class="rec-article-thumb">
<a href="/article/167554.html">
<img src="/upload/jingyan/2025/0909/15064a12.jpg" alt="Win10系统的电脑蓝屏且进不了安全模式怎么办">
</a>
</div>
<div class="rec-article-content">
<h4 class="rec-article-title">
<a href="/article/167554.html">Win10系统的电脑蓝屏且进不了安全模式怎么办</a>
</h4>
<div class="rec-article-meta">
<span class="rec-article-date">2026-06-02 03:52</span>
<span class="rec-article-views">
<i class="fas fa-eye"></i>
932次
</span>
</div>
</div>
</div>
<div class="recommended-article-item">
<div class="rec-article-thumb">
<a href="/article/167555.html">
<img src="/upload/jingyan/2025/0909/b2fff43e.jpg" alt="怎样避免得健忘症">
</a>
</div>
<div class="rec-article-content">
<h4 class="rec-article-title">
<a href="/article/167555.html">怎样避免得健忘症</a>
</h4>
<div class="rec-article-meta">
<span class="rec-article-date">2026-06-02 03:53</span>
<span class="rec-article-views">
<i class="fas fa-eye"></i>
978次
</span>
</div>
</div>
</div>
<div class="recommended-article-item">
<div class="rec-article-thumb">
<a href="/article/167556.html">
<img src="/upload/jingyan/2025/0909/a736556d.jpg" alt="如何正确的吃蛋白粉">
</a>
</div>
<div class="rec-article-content">
<h4 class="rec-article-title">
<a href="/article/167556.html">如何正确的吃蛋白粉</a>
</h4>
<div class="rec-article-meta">
<span class="rec-article-date">2026-06-02 03:54</span>
<span class="rec-article-views">
<i class="fas fa-eye"></i>
998次
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="footer-section">
<div class="footer-content">
<div class="footer-info">
<div class="footer-brand">
<div class="footer-logo"><span><a href="https://www.qianwen26.com/">千问二六</a></span></div>
<p class="footer-description">千问二六,为您提供全方位百科知识，涵盖生活常识、自然科学、历史文化、健康美食等热门领域。每日更新有趣又实用的知识科普，帮助您轻松涨知识、开阔眼界。简单搜索，秒懂百科。</p>
</div>
<div class="footer-copyright">
<p>© 2026 千问二六. 保留所有权利 - <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">闽ICP备2025090153号-21</a></p>
<p><a href="/sitemap.xml" target="_blank">网站地图</a> - 联系邮箱：1465333496@qq.com </p>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="/themes/simpleboot3/static/js/common.js"></script>
</body>
</html>
