HTML <aside> Tag

#	Content	Views
1.	Tutorial Tags	15,819
2.	Tutorial + Programming	678,586
3.	Videos	218,835
4.	Results (`Annual + Re-appear`)	12,699
5.	Quiz Chapters	14,622
6.	Quiz Questions	172,773
7.	Quiz Results	18,822
8.	Testimonials	3,462
9.	Projects	28,285
10.	e-Words	12,023
11.	e-Certificates	4,968
12.	Downloads (Softwares)	4,237
13.	Downloads (Syllabus)	948

<!DOCTYPE html>
<html>
<head>
<style>
aside {width: 30%;padding-left: 15px;margin-left: 15px;float: right;font-style: italic;background-color: lightgray;}
</style>
</head>
<body>

<p>ਸਰਕਾਰੀ ਸੀਨੀਅਰ ਸੈਕੰਡਰੀ ਸਕੂਲ, ਖੋਖਰ ਸ੍ਰੀ ਮੁਕਤਸਰ ਸਾਹਿਬ 1964 ਈ. ਵਿਚ ਪ੍ਰਾਇਮਰੀ ਸਕੂਲ ਵੱਜੋਂ ਸਥਾਪਿਤ ਹੋਇਆ ਸੀ ਜੋ ਕਿ 2001 ਈ. ਵਿਚ ਅਪਗ੍ਰੇਡ ਕਰਕੇ ਸੀਨੀਅਰ ਸੈਕੰਡਰੀ ਸਕੂਲ ਬਣਾ ਦਿੱਤਾ  ਗਿਆ. </p>

<aside>
<p>VPO, KHOKHAR
Tehsil & District Sri Muktsar Sahib 
Punjab, India
Pin Code : 152025</p>
</aside>

<p>2001 ਤੋਂ ਲੈ ਕੇ ਹੁਣ ਤਕ ਇਸ ਸਕੂਲ ਦਾ ਇਤਿਹਾਸ ਸ਼ਾਨਦਾਰ ਰਿਹਾ ਹੈ।  ਅਕਾਦਮਿਕ ਖੇਤਰ ਤੋਂ ਲੈ ਕੇ ਖੇਡਾਂ, ਸਭਿਆਚਾਰਕ ਗਤੀਵਿਧੀਆਂ ਅਤੇ ਸਹਿ-ਵਿਦਿਅਕ ਗਤੀਵਿਧੀਆਂ ਵਿਚ ਇਸ ਸਕੂਲ ਨੇ ਸ਼ਾਨਦਾਰ ਪ੍ਰਾਪਤੀਆਂ ਕੀਤੀਆਂ ਹਨ.</p>

<p>ਮੌਜੂਦਾ ਸਮੇ ਵਿਚ ਸਕੂਲ ਵਿਦਿਆਰਥੀਆਂ ਲਈ ਖਿੱਚ ਦਾ ਕੇਂਦਰ ਹੈ. ਕਿਤਾਬਾਂ ਨਾਲ ਭਰੀ-ਪੁਰੀ ਲਾਇਬ੍ਰੇਰੀ, ਆਧੁਨਿਕ ਟੈਕਨੋਲੋਜੀ ਨਾਲ ਲੈਸ ਕੰਪਿਊਟਰ ਲੈਬ, ਐਜੂਸੈਟ ਲੈਬ, ਸਾਇੰਸ ਲੈਬ, ਮੈਥ ਕਾਰਨਰ ਅਤੇ ਐਸ.ਐਸ ਕਾਰਨਰ ਸਕੂਲ ਦੀ ਸ਼ਾਨ ਹਨ. ਸਕੂਲ ਵਿਚ ਸਥਾਪਿਤ ਕੀਤੇ ਵਿੱਦਿਅਕ ਪਾਰਕ ਵੇਖਣ ਯੋਗ ਹਨ. ਸਕੂਲ ਦਾ ਮਿਹਨਤੀ ਅਤੇ ਤਜਰਬੇਕਾਰ ਸਟਾਫ ਸਕੂਲ ਵਿਚ ਪੂਰਨ ਵਿੱਦਿਅਕ ਮਾਹੌਲ ਦੀ ਨੁਹਾਰ ਖਿੱਚ ਪਾਉਂਦੀ ਹੈ.</p>

</body>
</html>

Live Demo & Try it yourself!

#CSS #HTML #aside #semantics

aside Element

2,619
Try it

The <aside> element defines some content aside from the content it is placed in (like a sidebar).

The <aside> content should be indirectly related to the surrounding content.

<!DOCTYPE html>
<html>
<body>

<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>

<aside>
  <h4>Epcot Center</h4>
  <p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</aside>

</body>
</html>

Live Demo & Try it yourself!

#HTML #semantic #aside

HTML <aside> Tag

Use CSS to style the aside element:

aside Element

HTML Tags

HTML Examples