工具/原料
电脑软件Sublime
方法/步骤
1
网页：在后缀名是htm或html的文本文件中输入HTML代码，再通过游览器的解析，会制作出网页。
2标记表示显示网页的标题。<body>标记表示显示网页的所有内容。</p></div><div class="listcon"><span>3</span><p>仅仅是创建入口，运行代码时，网页什么都没显示。</p></div><div class="listcon"><span>4</span><p><title>代表起始标记， 代表结束标记，统称title标记，以此类推，其他标记都可以这么理解。在title标记中输入标题内容，按Ctrl+S保存文件，再打开游览器点击刷新按钮，或者按F5刷新快捷键。发现网页的标题按我们输入的内容显示。
HTML英文全称：Hyper Text Markup Language。HTML中文全称：超文本标记语言。HTML是互联网上用于编写网页的主要语言，通过HTTP通信协议，使HTML文件可以在万维网（World Wide Web）上进行跨平台的文件交换。HTML独立于操作系统平台，能在多台电脑中运行，只需要一个游览器就能运行HTML文件。HTML的历史HTML 1.0：1993年6月，互联网工程工作小组（IETF）工作草案发布HTML 2.0：1995年11月发布HTML 3.2：1996年1月W3C推荐标准HTML 4.0：1997年12月W3C推荐标准HTML 4.01：1999年12月W3C推荐标准HTML 5.0：2008年8月的W3C工作草案游览器解析本图片代码时，可以理解为创建了一个入口。标记表示整个网页的框架
标记表示网页的头部信息，这部分信息隐藏在内部不会显示在网页上。5标记。可以理解为，html标记是父亲，变出了儿子，head和body。所以html标记为父标记，head和body为子标记，因为只有1层包含关系。head标记也可以理解为父标记，变出了儿子title标记。但是title标记跟html标记是2层包含关系，所以title标记这时跟html标记关系是：title标记是孙标记，html标记是爷标记。</p></div><div class="listcon"><span>6</span><p>html标记是根标记，最外围的一层标记。一个网页文件，总是以<html>标记开始，以</html>标记结束。</p></div></div><div class="ltitle"><span>注意事项</span></div><div class="lcon"><div class="listcon"><span>1</span><p>gif动态图将重复播放。</p></div><div class="listcon"><span>2</span><p>按住Ctrl键+鼠标滚动滑轮可以放大网页更清晰查看gif动态图。</p></div></div><div class="prev_next">
<div class="prev">
<span>上一篇：</span><a href="/ezrda.html">如何制作脱骨鸭掌</a>
</div>
<div class="next">
<span>下一篇：</span><a href="/ezrdc.html">如何制作GIF动态图，制作GIF动态图哪个软件好</a>
</div>
</div>
</div>
<div class="appleccmw content-right">
<div class="listmore">推荐信息</div>
<div class="send_list">
<ul>
<li><a href="/ezrdb.html" title="GIF动态图教学-H5语言1-基础入口(实例)"><span>1</span><h3>GIF动态图教学-H5语言1-基础入口(实例)</h3></a></li>
<li><a href="/ezrdc.html" title="如何制作GIF动态图，制作GIF动态图哪个软件好"><span>2</span><h3>如何制作GIF动态图，制作GIF动态图哪个软件好</h3></a></li>
<li><a href="/ezrdd.html" title="GIF动态图教程-Word技巧38-常规操作(实例)"><span>3</span><h3>GIF动态图教程-Word技巧38-常规操作(实例)</h3></a></li>
<li><a href="/ezrde.html" title="GIF动态图教程-Excel技巧58-常规操作(实例)"><span>4</span><h3>GIF动态图教程-Excel技巧58-常规操作(实例)</h3></a></li>
<li><a href="/ezrdf.html" title="如何制作电影gif动态图"><span>5</span><h3>如何制作电影gif动态图</h3></a></li>
<li><a href="/ezrdg.html" title="GIF动态图教程-Word技巧33-常规操作(实例)"><span>6</span><h3>GIF动态图教程-Word技巧33-常规操作(实例)</h3></a></li>
<li><a href="/ezrdh.html" title="GIF动态图教程-Excel技巧69-常规操作(实例)"><span>7</span><h3>GIF动态图教程-Excel技巧69-常规操作(实例)</h3></a></li>
<li><a href="/ezrdi.html" title="GIF动态图教学-Word技巧16-文本框(实例)"><span>8</span><h3>GIF动态图教学-Word技巧16-文本框(实例)</h3></a></li>
<li><a href="/ezrdj.html" title="GIF动态图教学-Word技巧4-选中文本（实例）"><span>9</span><h3>GIF动态图教学-Word技巧4-选中文本（实例）</h3></a></li>
<li><a href="/ezrdk.html" title="GIF动态图教程-Excel技巧68-常规操作(实例)"><span>10</span><h3>GIF动态图教程-Excel技巧68-常规操作(实例)</h3></a></li>
<li><a href="/ezrdl.html" title="GIF动态图教程-Word技巧34-职称考试表格(实例)"><span>11</span><h3>GIF动态图教程-Word技巧34-职称考试表格(实例)</h3></a></li>
<li><a href="/ezrdm.html" title="GIF动态图教程-Excel技巧56-常规操作(实例)"><span>12</span><h3>GIF动态图教程-Excel技巧56-常规操作(实例)</h3></a></li>
<li><a href="/ezrdn.html" title="如何将连续图片制作成gif动态图片？"><span>13</span><h3>如何将连续图片制作成gif动态图片？</h3></a></li>
<li><a href="/ezrdo.html" title="GIF动态图教程-Excel技巧54-常规操作(实例)"><span>14</span><h3>GIF动态图教程-Excel技巧54-常规操作(实例)</h3></a></li>
<li><a href="/ezrdp.html" title="GIF动态图教程-Excel技巧86-常规操作(实例)"><span>15</span><h3>GIF动态图教程-Excel技巧86-常规操作(实例)</h3></a></li>
<li><a href="/ezrdq.html" title="win7系统下怎么解决打开显示为动态gif动态图片"><span>16</span><h3>win7系统下怎么解决打开显示为动态gif动态图片</h3></a></li>
<li><a href="/ezrdr.html" title="GIF动态图教程-JS语言2-注释（实例）"><span>17</span><h3>GIF动态图教程-JS语言2-注释（实例）</h3></a></li>
<li><a href="/ezrdu.html" title="GIF动态图教学-Excel技巧24-页面设置(实例)"><span>18</span><h3>GIF动态图教学-Excel技巧24-页面设置(实例)</h3></a></li>
<li><a href="/ezrdv.html" title="GIF动态图教学-Excel技巧26-常用操作(实例)"><span>19</span><h3>GIF动态图教学-Excel技巧26-常用操作(实例)</h3></a></li>
<li><a href="/cbaao.html" title="《简单蒸鱼》"><span>20</span><h3>《简单蒸鱼》</h3></a></li>
<li><a href="/cbaan.html" title="怎么做绝味双椒蒸鲈鱼"><span>21</span><h3>怎么做绝味双椒蒸鲈鱼</h3></a></li>
<li><a href="/cbaam.html" title="巧煮米饭香喷喷"><span>22</span><h3>巧煮米饭香喷喷</h3></a></li>
<li><a href="/cbaal.html" title="使蒸米饭更加香喷喷的方法"><span>23</span><h3>使蒸米饭更加香喷喷的方法</h3></a></li>
<li><a href="/cbaak.html" title="怎样煮米饭又香又好吃？"><span>24</span><h3>怎样煮米饭又香又好吃？</h3></a></li>
<li><a href="/cbaaj.html" title="鲜嫩爽滑的鸡蛋蒸鱼"><span>25</span><h3>鲜嫩爽滑的鸡蛋蒸鱼</h3></a></li>
<li><a href="/cbaai.html" title="怎么做豉油藤椒蒸桂鱼"><span>26</span><h3>怎么做豉油藤椒蒸桂鱼</h3></a></li>
<li><a href="/cbaah.html" title="怎样煮饭味道香"><span>27</span><h3>怎样煮饭味道香</h3></a></li>
<li><a href="/cbaag.html" title="怎么做米饭比红烧肉还香？"><span>28</span><h3>怎么做米饭比红烧肉还香？</h3></a></li>
<li><a href="/cbaaf.html" title="如何使你煮的米饭香气四溢而可口？"><span>29</span><h3>如何使你煮的米饭香气四溢而可口？</h3></a></li>
<li><a href="/cbaae.html" title="教你做清蒸鲈鱼"><span>30</span><h3>教你做清蒸鲈鱼</h3></a></li>
<li><a href="/cbaad.html" title="记忆中的米饭香"><span>31</span><h3>记忆中的米饭香</h3></a></li>
<li><a href="/cbaac.html" title="家庭版番茄汁蒸鱼的教程"><span>32</span><h3>家庭版番茄汁蒸鱼的教程</h3></a></li>
<li><a href="/cbaab.html" title="怎样煮饭更香软"><span>33</span><h3>怎样煮饭更香软</h3></a></li>
<li><a href="/cbaaa.html" title="大米饭应该怎么煮比较香"><span>34</span><h3>大米饭应该怎么煮比较香</h3></a></li>
<li><a href="/cazzz.html" title="家常泡椒蒸鱼"><span>35</span><h3>家常泡椒蒸鱼</h3></a></li>
<li><a href="/cazzy.html" title="美味简单的清蒸鱼"><span>36</span><h3>美味简单的清蒸鱼</h3></a></li>
<li><a href="/cazzx.html" title="简单美味清蒸鱼"><span>37</span><h3>简单美味清蒸鱼</h3></a></li>
<li><a href="/cazzw.html" title="让米饭变香的四种方法"><span>38</span><h3>让米饭变香的四种方法</h3></a></li>
<li><a href="/cazzv.html" title="清蒸黄花鱼的做法"><span>39</span><h3>清蒸黄花鱼的做法</h3></a></li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="onjfeeds"></div><span class="onj_live"></span><span class="childonj"></span><div class="onj_location"></div><span class="buddhaonj"></span><div class="branchesccmw footer_service">
<a href="/sitemap.html" target="_blank">网站地图</a>
<a href="/sitemap.xml" target="_blank">XML</a>
<a href="/sitemap.txt" target="_blank">TXT</a>
<a href="/rss.xml" target="_blank">RSS</a>
<a href="/privacy.html" target="_blank">隐私政策</a>
<a href="/service.html" target="_blank">服务条款</a>
<a href="/agreement.html" target="_blank">使用条款</a>
<div class="flagccmw footer_copyright clogWalletccmw">Copyright ©1996-2025 www.onijiang.com Corporation, All Rights Reserved</div>
</div>
<script src="/static/index1js/jquery-3.5.1.min.js" rel="external nofollow"></script>
<script src="/static/js/share.js" rel="external nofollow"></script>
<script src="/static/js/tran.js" rel="external nofollow"></script>
<script src="/static/js/langs.js" rel="external nofollow" ></script>
<div class="onj_happy"></div><span class="containeronj"></span><div class="baronj" id="baronj"></div><div id="Family_seal_onj"></div><script>
(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>
</body>
</html>
网页结构的简单解释：标记包含
标记和标记。标记包含