HTML Aside
Aside tag in HTML?
The "Aside Tags" in HTML are used to highlight content that is not the main content of a web page but is somehow related to it. This is frequently used as way outs, appendices, or additional information that can be considered apart from the main flow.
Example
"Aside" tag is translated to digital sidebar or footnote in a way. It is applied as a way of encapsulating content that is connected to the key point but not entirely a part of it.
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to Tanzania Programmers and Learn Fasta</title>
<style>
body {
font-family: 'Arial', sans-serif;
text-align: center;
margin-top: 50px;
font-size: 18px;
}
article, aside {
width: 45%;
display: inline-block;
vertical-align: top;
margin: 10px;
background-color: #ecf0f1; /* Light gray background for the articles */
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Box shadow for a subtle lift */
}
h1 {
color: #3498db; /* Blue color for heading */
}
</style>
</head>
<body>
<article>
<h1>Welcome to Tanzania Programmers.com</h1>
<p>Tanzania Programmers is a website that offers free help and 24hrs support.</p>
</article>
<aside>
<h1>Welcome Learn Fasta.com</h1>
<p>Learn Fasta is an online platform that offers free courses, help, and 24hrs support.</p>
</aside>
</body>
</html>
Try it Yourself »