crus4

crus4

HTML aside Element


HTML aside element is used to display some content aside from the main content.

The aside content should be somewhat similar to the main content. The <aside> tag is used to define an aside content.

In an Example below let’s write a code to display some content aside from the main content.

Example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h2>Display aside content.</h2>
<p>crus4 is an online learning platform. Here you can learn Programming, Ethical Hacking, Networking, Cybersecurity and more for free.</p>
<aside>For video tutorial you can checkout our youtube channel @crus4</aside>
</body>
</html>

NOTE:- We have to use CSS to style an <aside> element, else you may not see anything special in your page.

Here we will use Internal CSS to style an <aside> element.

<!DOCTYPE html>
<html>
<head>
<style>
aside {
  width: 30%;
  padding-left: 15px;
  margin-left: 15px;
  float: right;
  font-style: bold;
  background-color: powderblue;
}
</style>
</head>
<body>
<h2>Display aside content.</h2>
<p>crus4 is an online learning platform. Here you can learn Programming, Ethical Hacking, Networking, Cybersecurity and more for free.</p>
<aside><p>For video tutorial you can checkout our youtube channel @crus4</p></aside>
</body>
</html>

aside Element is supported by almost all major browsers.

Related Posts

HTML inline and block elements

HTML Blockquote tag

HTML aside Element – crus4