HTML结构图
在这张图中，展示的是html文件简单的结构图（各个部分我们会一一讲解），我们可以对比看，一般的html文件结构就是下面这样
.....
.....
代码讲解：
称为根标签，所有的网页标签都在中。
- 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有、<script>、 <style>、<link>、 <meta>等标签，头部标签在下一小节中会有详细介绍。</p></li>
<li><p>在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。<br></p></li>
</ol>
<p><span style="font-size: 16px;"><strong><br></strong></span></p>
</div>
<div id="answer-area"></div>
</div>
</div>
<div class="play-item">
<div class="play-title">
<h2 class="content-title" data-tt="1" data-dd="614">head标签中可以写p标签嘛</h2>
</div>
<div class="play-exam-content">
<div id="qcontent" class="content-intro"></div>
<div id="answer-area">
<div class="exam-option exam-choose">
<label class="radio"><span class="icons"></span><input type="radio" name="choose" class="exam-radio" value="1"><span class="exam-option-content">可以</span></label>
</div>
<div class="exam-option exam-choose">
<label class="radio"><span class="icons"></span><input type="radio" name="choose" class="exam-radio" value="2"><span class="exam-option-content">不可以</span></label>
</div>
</div>
</div>
</div>
</div>
<div class="play-progress">
<div class="play-card-item">
<ul class="play-card-list">
<li><a href="javascript:;" data-i="0" data-type="0"><i class="play-icon icon-content-title"></i></a></li>
<li><a href="javascript:;" data-i="1" data-type="1"><i class="play-icon icon-exam-title"></i></a></li>
</ul>
</div>
<span class="progress-nums"><span>1</span>/2</span>
</div>
<div class="exam-btn-box">
<a href="javascript:;" class="exam-btn-jump btn-submit" data-d="25727">继续</a>
</div>
<div class="play-nav-box">
<a href="javascript:;" class="nav play-nav-prev" title=""><i class="play-icon play-icon-prev"></i></a>
<a href="javascript:;" class="nav play-nav-next" title=""><i class="play-icon play-icon-next"></i></a>
</div>
<!-- 正确 -->
<div class="play-tip-area play-tip-right" style="display: none;">
<div class="play-tip-box">
<i class="play-icon play-icon-right"></i>
</div>
<div class="play-tip-box">
<h2>正确</h2>
</div>
<div class="play-tip-box">
<a href="javascript:;" class="try-goon" title=""></a>
</div>
</div>
<!-- 错误 -->
<div class="play-tip-area play-tip-error" style="display: none;">
<div class="play-tip-box">
<i class="play-icon play-icon-error"></i>
</div>
<div class="play-tip-box">
<h2>错误</h2>
</div>
<div class="play-tip-box">
<p id="error-analysis"></p>
</div>
<div class="play-tip-box">
<a href="javascript:;" class="try-again" title=""></a>
</div>
</div>
</div>
</div>
<div class="modal-box"></div>
<style>.layui-fixbar{bottom:200px;}</style>
<div class="layui-clear layui-bg-black php-ul-li footer_top_margin">
<div class="layui-row layui-main">
<div class="layui-col-md9">
<ul class="php-float-left">
<li><a href="//m.sbmmt.com/" target="_blank" title="Home">Home</a></li>
<li><a href="//m.sbmmt.com/course/list/29/type/2.html" target="_blank" title="PHP Video">PHP Video</a></li>
<li><a href="//m.sbmmt.com/course/list/29/type/4.html" target="_blank" title="PHP Practice">PHP Practice</a></li>
<li><a href="//m.sbmmt.com/course/list/29/type/1.html" target="_blank" title="php code">php code</a></li>
<li><a href="//m.sbmmt.com/course/list/29/type/3.html" target="_blank" title="PHP manual">PHP manual</a></li>
<li><a href="//m.sbmmt.com/dic.html" target="_blank" title="Programming Dictionary">Programming Dictionary</a></li>
</ul>
<p class="layui-clear footer_phpcn">php.cn：Public welfare online PHP training，Help PHP learners grow quickly！<a href="https://tsm.miit.gov.cn/" target="_blank" style="color:#787d82">ICP License:苏B2-20210495</a></p>
<p class="footer_phpcn_record">Copyright 2014-2024 //m.sbmmt.com/ All Rights Reserved<a href="https://beian.miit.gov.cn/" style="color: #9c9c9c;" rel="nofollow" target="_blank">Su ICP Filing No 2020058653号-1</a><a href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" target="_blank"><img src="//m.sbmmt.com/static/images/foot_line.gif" width="15"></a><span class="footer_phpcn_say" style="padding-left:15px;"><a href="//m.sbmmt.com/about/us.html" target="_blank">About us</a><a href="//m.sbmmt.com/about/disclaimer.html" target="_blank" class="mr10">Disclaimer</a></span></p>
</div>
</div>
</div>
<input type="hidden" id="verifycode" value="/captcha.html">
<div id="dialogBackground" class="dialogBackground"></div>
<div id="note-start" style="display: none"></div>
</body>
</html>
