Home >>HTML5 Tutorial >HTML5 <aside> Tag

HTML5 <aside> Tag

HTML <aside> Tag

The <aside> tag is used to define the main object of the web page like a highlighter. It mainly contains the author information, related content and so on. Basically, it identifies the content which is related to the primary content.

<aside> tag help us to easily recognize the main text and subordinate text. it only contains the content that is related to the main web page.

It supports Global attributes and Event attributes in HTML.

Let's take an example of HTML <aside> tag:

<html> 
	<head> 
		<title>aside tag</title> 
		<style> 
			.php { 
				font-size:40px; 
				color:orange; 
				font-weight:bold; 
				text-align:center; 
				margin-bottom:20px; 
			} 
			article { 
				width: 50%; 
				float: left; 
				padding:10px; 
				float:left; 
			} 
			aside { 
				float:right; 
				width: 40%; 
				float: right; 
				background-color: orange; 
				color: white; 
				padding:5px; 
				margin:10px; 
				height:100px; 
			} 
		</style> 
	</head> 
	<body> 
		<div class = "php">Phptpoint</div> 
		<article> 
			<h1>Heading . . .</h1> 
			<p>Aside tag is use to display information 
			about the primary page.</p> 
		</article> 
		<aside> 
			<h1>Aside tag example</h1> 
			<p>Aside tag(Put your content here). . .</p> 
		</aside> 
	</body> 
</html>
Output: HTML aside tag