跟大家一起分享下网页结构的知识
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="/life/228831.html">
<img src="/upload/jingyan/2025/0919/0d0bb612.jpg" alt="HTML button标签在form表单内,点击重新加载">
</a>
</div>
<div class="related-info">
<h4 class="related-title">
<a href="/life/228831.html">HTML button标签在form表单内,点击重新加载</a>
</h4>
<div class="related-meta">
<span class="related-date">2026-07-14 17:09</span>
<span class="related-views">阅读(1004 次)</span>
</div>
</div>
</div>
<div class="related-item">
<div class="related-thumb">
<a href="/life/224764.html">
<img src="/upload/jingyan/2025/0918/16436b76.jpg" alt="文件误删除了怎么找回">
</a>
</div>
<div class="related-info">
<h4 class="related-title">
<a href="/life/224764.html">文件误删除了怎么找回</a>
</h4>
<div class="related-meta">
<span class="related-date">2026-07-11 21:23</span>
<span class="related-views">阅读(917 次)</span>
</div>
</div>
</div>
<div class="related-item">
<div class="related-thumb">
<a href="/life/222740.html">
<img src="/upload/jingyan/2025/0918/b76962a3.jpg" alt="html表单宽高设置">
</a>
</div>
<div class="related-info">
<h4 class="related-title">
<a href="/life/222740.html">html表单宽高设置</a>
</h4>
<div class="related-meta">
<span class="related-date">2026-07-10 11:38</span>
<span class="related-views">阅读(918 次)</span>
</div>
</div>
</div>
<div class="related-item">
<div class="related-thumb">
<a href="/life/221799.html">
<img src="/upload/jingyan/2025/0918/1d254de6.jpg" alt="文件被误删了怎么恢复，U盘数据恢复软件免费版">
</a>
</div>
<div class="related-info">
<h4 class="related-title">
<a href="/life/221799.html">文件被误删了怎么恢复，U盘数据恢复软件免费版</a>
</h4>
<div class="related-meta">
<span class="related-date">2026-07-09 19:58</span>
<span class="related-views">阅读(959 次)</span>
</div>
</div>
</div>
<div class="related-item">
<div class="related-thumb">
<a href="/life/221294.html">
<img src="/upload/jingyan/2025/0917/2edd2106.jpg" alt="文件编辑,PDF中如何在指定页前后插入文件新页面">
</a>
</div>
<div class="related-info">
<h4 class="related-title">
<a href="/life/221294.html">文件编辑,PDF中如何在指定页前后插入文件新页面</a>
</h4>
<div class="related-meta">
<span class="related-date">2026-07-09 11:33</span>
<span class="related-views">阅读(929 次)</span>
</div>
</div>
</div>
<div class="related-item">
<div class="related-thumb">
<a href="/article/220931.html">
<img src="/upload/jingyan/2025/0917/15e3d1eb.jpg" alt="html如何更改字体颜色">
</a>
</div>
<div class="related-info">
<h4 class="related-title">
<a href="/article/220931.html">html如何更改字体颜色</a>
</h4>
<div class="related-meta">
<span class="related-date">2026-07-09 05:30</span>
<span class="related-views">阅读(980 次)</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/160199.html">怎么用TeamViewer让手机控制电脑</a>
</h4>
<div class="hot-article-meta">
<span class="hot-article-views">
<i class="fas fa-eye"></i>
1236次
</span>
<span class="hot-article-date">2026-05-28 01:17</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/166432.html">支付宝解除绑定的银行卡</a>
</h4>
<div class="hot-article-meta">
<span class="hot-article-views">
<i class="fas fa-eye"></i>
1187次
</span>
<span class="hot-article-date">2026-06-01 09:11</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/102045.html">大字组词造句一年级上册</a>
</h4>
<div class="hot-article-meta">
<span class="hot-article-views">
<i class="fas fa-eye"></i>
1162次
</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">4</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>
1145次
</span>
<span class="hot-article-date">2026-04-15 21:11</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/100394.html">给自己放个假的经典句子</a>
</h4>
<div class="hot-article-meta">
<span class="hot-article-views">
<i class="fas fa-eye"></i>
1142次
</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">6</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>
1141次
</span>
<span class="hot-article-date">2026-04-16 01:41</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>
959次
</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>
952次
</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>
988次
</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>
992次
</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>
1013次
</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>
952次
</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>
999次
</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>
946次
</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>
993次
</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>
1012次
</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>
