JavaBeat

  • Home
  • Java
    • Java 7
    • Java 8
    • Java EE
    • Servlets
  • Spring Framework
    • Spring Tutorials
    • Spring 4 Tutorials
    • Spring Boot
  • JSF Tutorials
  • Most Popular
    • Binary Search Tree Traversal
    • Spring Batch Tutorial
    • AngularJS + Spring MVC
    • Spring Data JPA Tutorial
    • Packaging and Deploying Node.js
  • About Us
    • Join Us (JBC)
  • Privacy
  • Contact Us

HTML5 – Aside Tag

March 11, 2014 by Krishna Srinivasan Leave a Comment

Aside element is used to specify the text surrounded by its familiar content. This element represents the content that is related or unrelated to the surrounding content.

Syntax of Aside Tag

[code lang=”html”]
<aside> Content </aside>
[/code]

Example of Aside Tag

[code lang=”html”]
<!DOCTYPE html>
<head>
<title>aside tag</title>
</head>
<body>
<aside style="font-size:larger;font-style:italic;float:right;color:green;">
<p> 70% off on sunglasses <br>
stylish and cool sunglasses
</p>
</aside>

<h2> Javabeat </h2>
JavaBeat publishes Java web development tutorials and articles. It provides<br> articles on many programming
langauges such as java,J2EE and frameworks <br>such as Springs,JSF,Hibernate etc. The "70% off on sunglasses
stylish and<br>
cool sunglasses" is just a simple example given of aside tag.

</body>
</html>
[/code]

  • <aside> element is used to display the side content of the main content.

Example Application Test

  • Save the file as aside.html in your system.
  • Just open the file in the browser, you will see the below picture in the browser. Note that the browser must support HTML5 specification.

Output

When the execution process is completed successfully we will get the following output :
html5_aside

Previous Tutorial : HTML5 Drag and Drop Events  :: Next Tutorial : 

Filed Under: HTML Tagged With: HTML5

About Krishna Srinivasan

He is Founder and Chief Editor of JavaBeat. He has more than 8+ years of experience on developing Web applications. He writes about Spring, DOJO, JSF, Hibernate and many other emerging technologies in this blog.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Follow Us

  • Facebook
  • Pinterest

As a participant in the Amazon Services LLC Associates Program, this site may earn from qualifying purchases. We may also earn commissions on purchases from other retail websites.

JavaBeat

FEATURED TUTORIALS

Answered: Using Java to Convert Int to String

What is new in Java 6.0 Collections API?

The Java 6.0 Compiler API

Copyright © by JavaBeat · All rights reserved