工具/原料
电脑软件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="/ukln.html" title="蜜蜂养殖步骤"><span>20</span><h3>蜜蜂养殖步骤</h3></a></li>
<li><a href="/uklm.html" title="dxdll手绘之公主与花环"><span>21</span><h3>dxdll手绘之公主与花环</h3></a></li>
<li><a href="/ukll.html" title="扫地机器人的特点及如何选购"><span>22</span><h3>扫地机器人的特点及如何选购</h3></a></li>
<li><a href="/uklk.html" title="怎么判断一个男生是不是喜欢你"><span>23</span><h3>怎么判断一个男生是不是喜欢你</h3></a></li>
<li><a href="/uklj.html" title="蜜蜂的养殖方法"><span>24</span><h3>蜜蜂的养殖方法</h3></a></li>
<li><a href="/ukli.html" title="扫地机器人评测"><span>25</span><h3>扫地机器人评测</h3></a></li>
<li><a href="/uklh.html" title="蜂群的自然分蜂"><span>26</span><h3>蜂群的自然分蜂</h3></a></li>
<li><a href="/uklg.html" title="科沃斯扫地机器人使用方法"><span>27</span><h3>科沃斯扫地机器人使用方法</h3></a></li>
<li><a href="/uklf.html" title="红包助手下载"><span>28</span><h3>红包助手下载</h3></a></li>
<li><a href="/ukle.html" title="蜂箱外蜜蜂的种种迹象"><span>29</span><h3>蜂箱外蜜蜂的种种迹象</h3></a></li>
<li><a href="/ukld.html" title="扫地机器人的作用"><span>30</span><h3>扫地机器人的作用</h3></a></li>
<li><a href="/uklc.html" title="简笔画教程之沙滩上的女孩"><span>31</span><h3>简笔画教程之沙滩上的女孩</h3></a></li>
<li><a href="/uklb.html" title="手把手教您玩转蜜蜂看看"><span>32</span><h3>手把手教您玩转蜜蜂看看</h3></a></li>
<li><a href="/ukla.html" title="扫地机器人好用吗？实用评测"><span>33</span><h3>扫地机器人好用吗？实用评测</h3></a></li>
<li><a href="/ukkz.html" title="荷花的简笔画教程"><span>34</span><h3>荷花的简笔画教程</h3></a></li>
<li><a href="/ukky.html" title="工蜂的发育特性"><span>35</span><h3>工蜂的发育特性</h3></a></li>
<li><a href="/ukkx.html" title="dxdll手绘之香蕉"><span>36</span><h3>dxdll手绘之香蕉</h3></a></li>
<li><a href="/ukkw.html" title="养蜜蜂的技巧和方法"><span>37</span><h3>养蜜蜂的技巧和方法</h3></a></li>
<li><a href="/ukkv.html" title="小袋鼠怎么画"><span>38</span><h3>小袋鼠怎么画</h3></a></li>
<li><a href="/ukku.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>
网页结构的简单解释：标记包含
标记和标记。标记包含