工具/原料
电脑软件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="/ekqsz.html" title="什么水果最适合孕妇？"><span>20</span><h3>什么水果最适合孕妇？</h3></a></li>
<li><a href="/ekqsy.html" title="宝宝睡觉前莫忘4件事"><span>21</span><h3>宝宝睡觉前莫忘4件事</h3></a></li>
<li><a href="/ekqsx.html" title="孕妇吃那些水果营养高又好?"><span>22</span><h3>孕妇吃那些水果营养高又好?</h3></a></li>
<li><a href="/ekqsw.html" title="怀孕时适合吃的水果"><span>23</span><h3>怀孕时适合吃的水果</h3></a></li>
<li><a href="/ekqsv.html" title="怀孕妈妈可以多吃什么水果呢?"><span>24</span><h3>怀孕妈妈可以多吃什么水果呢?</h3></a></li>
<li><a href="/ekqsu.html" title="孕妇便秘怎么办"><span>25</span><h3>孕妇便秘怎么办</h3></a></li>
<li><a href="/ekqst.html" title="宝宝睡觉不安稳的几个原因。"><span>26</span><h3>宝宝睡觉不安稳的几个原因。</h3></a></li>
<li><a href="/ekqss.html" title="孕妇吃什么水果好？"><span>27</span><h3>孕妇吃什么水果好？</h3></a></li>
<li><a href="/ekqsr.html" title="孕妇必须禁口的五种食物"><span>28</span><h3>孕妇必须禁口的五种食物</h3></a></li>
<li><a href="/ekqsq.html" title="孕妇可以吃的水果有哪些？"><span>29</span><h3>孕妇可以吃的水果有哪些？</h3></a></li>
<li><a href="/ekqsp.html" title="婴幼儿睡觉不安稳的一些方法"><span>30</span><h3>婴幼儿睡觉不安稳的一些方法</h3></a></li>
<li><a href="/ekqso.html" title="怀孕的妈妈可以吃哪些水果呢？"><span>31</span><h3>怀孕的妈妈可以吃哪些水果呢？</h3></a></li>
<li><a href="/ekqsn.html" title="小宝宝睡觉时，为什么会一惊一乍？"><span>32</span><h3>小宝宝睡觉时，为什么会一惊一乍？</h3></a></li>
<li><a href="/ekqsm.html" title="孕妇可以常吃火龙果吗？"><span>33</span><h3>孕妇可以常吃火龙果吗？</h3></a></li>
<li><a href="/ekqsl.html" title="婴儿睡觉不踏实易惊醒原因"><span>34</span><h3>婴儿睡觉不踏实易惊醒原因</h3></a></li>
<li><a href="/ekqsk.html" title="宝宝睡觉的五大误区"><span>35</span><h3>宝宝睡觉的五大误区</h3></a></li>
<li><a href="/ekqsj.html" title="关于宝宝睡觉的五个要点"><span>36</span><h3>关于宝宝睡觉的五个要点</h3></a></li>
<li><a href="/ekqsi.html" title="孕妇宜食的水果"><span>37</span><h3>孕妇宜食的水果</h3></a></li>
<li><a href="/ekqsh.html" title="宝宝睡觉会出现哪些问题"><span>38</span><h3>宝宝睡觉会出现哪些问题</h3></a></li>
<li><a href="/ekqsg.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-2024 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>
网页结构的简单解释：标记包含
标记和标记。标记包含