• PHP Training
    •  
  • Login/Register

    • Home >>HTML5 Tutorial >HTML5 <aside> Tag

    HTML5 <aside> Tag

    « Previous Next »

    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:

    Ex(i)
    
<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
    « Previous Next »

    HTML5 Tutorial HTML5 article tag html5 header tag HTML5 Footer Tag HTML5 Main Tag HTML5 Detail Tag HTML5 Section Tag HTML5 <aside> Tag HTML5 <bdi> tag HTML 5 <progress> Tag HTML5 <summary> Tag html audio tag HTML5 <figcaption> tag html video tag HTML5 <nav> Tag
    No Sidebar ads