Recently, I created a web page using HTML5.
Check out the code below:
<header>
<img src="img/logo.png" alt="logo">
<hr class="hr-style">
<h1>The Articles</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Articles</a></li>
</ul>
</nav>
</header>
<section>
<article class="article">
<img src="img/articles.png" alt="articles" />
</article>
<aside class="aside">
<img src="img/agencies.png" alt="agencies" />
</aside>
</section>
<footer>
</footer>
I also attempted to create a JSfiddle. You can view it here:
My goal is to achieve a layout similar to this:
Since I am new to HTML5, I am seeking guidance on how to properly align elements on the page using HTML5 tags.