HTML div 结束标记出现过早关闭错误

我刚开始练习HTML和一些CSS，在处理我在线学习的课程中的任务时，我遇到了关闭div的问题我在 css 上创建了一个 .section3

font-family: 'Handlee', cursive;
font-size: 13pt;
background-color: #fff;
padding: 15px;
margin-bottom: 10px;
border-radius: 10px;

在<body>上，我创建了一个带有ul的span，该具有内部文本和图像以及a href，结果看起来符合预期。

但是，在尝试关闭div时，我收到以下错误"结束标记(表单(过早看到。预期的其他结束标记。

代码如下;

<div class="section2"> 
<h4><span>COMPLETED COURSES</span></h4>

<ul>
<li> 
HTML on <strong>SoloLearn</strong> - <a href="https://www.sololearn.com/Certificate/1014-6538353/pdf/"> <small>link to certificate</small></a>
</li>
<a href="https://www.sololearn.com/Certificate/1014-6538353/pdf/" add target="_blank">
<img src="https://www.sololearn.com/Certificate/HTML/jpg/" width="100px" height="65px" alt="">
</a>

<li> 
SQL on <strong>SoloLearn and Pluralsight</strong> - <a href="https://www.sololearn.com/Certificate/1014-6538353/pdf/">
<small>link to certificate</small></a>
</li>
<a href="https://www.sololearn.com/Certificate/1014-6538353/pdf/" add target="_blank">
<img src="https://www.sololearn.com/Certificate/HTML/jpg/" width="100px" height="65px" alt=""></a>

<!--error line-->           </div>

我尽我所能，请指教。

谢谢。

您没有关闭<ul>标签。您应该在</div>之前插入</ul>标签。

<div class="section2">
<h4><span>COMPLETED COURSES</span></h4>
<ul>
<li>
HTML on <strong>SoloLearn</strong> -
<a href="https://www.sololearn.com/Certificate/1014-6538353/pdf/">
<small>link to certificate</small></a
>
</li>
<a
href="https://www.sololearn.com/Certificate/1014-6538353/pdf/"
add
target="_blank"
>
<img
src="https://www.sololearn.com/Certificate/HTML/jpg/"
width="100px"
height="65px"
alt=""
/>
</a>
<li>
SQL on <strong>SoloLearn and Pluralsight</strong> -
<a href="https://www.sololearn.com/Certificate/1014-6538353/pdf/">
<small>link to certificate</small></a
>
</li>
<a
href="https://www.sololearn.com/Certificate/1014-6538353/pdf/"
add
target="_blank"
>
<img
src="https://www.sololearn.com/Certificate/HTML/jpg/"
width="100px"
height="65px"
alt=""
/></a>
</ul>
<!--error line-->
</div>

首先，在<ul>内部只能有多个<li>元素。在你的代码中，你的<a>元素是你的<li>的同级，试着把它们放进去。

然后你忘了关闭你的<ul>标签！

我给你的建议是保持代码缩进，注意到缺少的标签会变得更容易。

相关内容

最新更新

热门标签：