Identify the errors in the following HTML code and write the correct code with each correction underlined.
IMAGES</head></p>
<p><body bgcolor="PICI.JPG"></p>
<p><img href="ABC.JPG"></p>
<p>HERE IS MY IMAGE FILE</p>
<p></bgcolor></p>
<p></html></p></div>
<div class="author-card" itemprop="author" itemscope itemtype="https://schema.org/Person">
<img src="https://www.bissoy.com/media/images/default/avatar.jpg" width="48" height="48" class="rounded-full" alt="Monjur Alahi" itemprop="image">
<div>
<a href="https://www.bissoy.com/Monjuralahi" class="text-blue-600 font-bold text-lg block" itemprop="url" rel="author" title="View Monjur Alahi's profile">
<span itemprop="name">Monjur Alahi</span>
</a>
<div class="about-author text-sm text-gray-700 mt-1" style="line-height:1.3;">
</div>
</div>
</div>
<div class="flex flex-wrap gap-2 mb-2" itemprop="keywords">
</div>
<div class="flex justify-between items-center">
<button id="q_up" class="btn-success flex items-center upvote-btn" onclick="showLoginPopup()">
<small class="count mr-1" itemprop="upvoteCount" content="0">0</small>
<span class="symbol far fa-arrow-alt-circle-up"></span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="22" height="22" style="margin-left:4px; vertical-align:middle;">
<circle cx="12" cy="12" r="11" fill="#2990ea" stroke="#2990ea" stroke-width="1"/>
<path d="M12 7v8M12 7l-4 4M12 7l4 4" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
</svg>
</button>
<button class="btn-success edit-btn" onclick="showLoginPopup()">Edit</button>
<span class="text-gray-600"><span class="views vcu">6</span> views</span>
</div>
<time itemprop="datePublished"
datetime="2025-01-04T04:42:06+06:00"
title="2025-01-04T04:42:06+06:00">
2025-01-04 04:42
</time>
</div>
<div class="forum-card mb-2">
<form data-toggle="modal" onclick="showLoginPopup()" class="flex items-center space-x-2">
<input type="hidden" autocomplete="off">
<textarea name="comment_body" class="flex-1 bg-gray-100 border border-gray-300 rounded-lg px-4 py-3 shadow focus:outline-none focus:border-blue-500 text-base" rows="1" placeholder="Write your comment here..."></textarea>
</form>
</div>
<div class="bg-white p-4 shadow mb-2 mt-2 ans-count">
<h2 class="text-xl font-bold text-center text-blue-600"><span itemprop="answerCount">1</span> Answers</h2>
</div>
<div class="forum-card answer-1" id="a2282191" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div class="author-card" itemprop="author" itemscope itemtype="https://schema.org/Person">
<img src="https://www.bissoy.com/media/images/default/avatar.jpg" width="48" height="48" class="rounded-full border-2 border-blue-200 shadow-sm" alt="Salim Ahmed Kawsar" itemprop="image">
<div>
<a href="https://www.bissoy.com/salimahmedkawsar" class="text-blue-700 font-bold text-lg leading-tight block" itemprop="url" rel="author" title="View Salim Ahmed Kawsar's profile">
<span itemprop="name">Salim Ahmed Kawsar</span>
</a>
<div class="about-author text-sm text-gray-700 mt-1" style="line-height:1.3;">
</div>
</div>
</div>
<div class="answer-body mt-1 card-text" itemprop="text">
<p><strong>Error 1 </strong>The <title> tag must be within <head> element.</p>
<p><strong>Error 2 </strong>bgcolor attribute of body element supports a color like red, green or its color value.</p>
<p><strong>Error 3 </strong><img> tag needs a source attribute src to place an image.</p>
<p><strong>Error 4</strong> body element must be closed not bgcolor attribute.</p>
<p><strong>The correct code is as follows:</strong></p>
<p><html></p>
<p><head></p>
<p><title>IMAGES
HERE IS MY IMAGE FILE