HTML Tag (audio Tag)

 

Example

Play a sound file:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

Try it Yourself »

---

Definition and Usage

The <audio> tag is used to embed sound content in a document, such as music or other audio streams.

The <audio> tag contains one or more <source> tags with different audio sources. The browser will choose the first source it supports.

The text between the <audio> and </audio> tags will only be displayed in browsers that do not support the <audio> element.

There are three supported audio formats in HTML: MP3, WAV, and OGG.

Audio Format and Browser Support

Browser	MP3	WAV	OGG
Edge / IE	YES	YES*	YES*
Chrome	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	YES	NO
Opera	YES	YES	YES

*From Edge 79

---

Tips and Notes

Tip: For video files, look at the <video> tag.

Attributes

Attribute	Value	Description
autoplay	autoplay	Specifies that the audio will start playing as soon as it is ready
controls	controls	Specifies that audio controls should be displayed (such as a play/pause button etc)
loop	loop	Specifies that the audio will start over again, every time it is finished
muted	muted	Specifies that the audio output should be muted
preload	auto metadata none	Specifies if and how the author thinks the audio should be loaded when the page loads
src	URL	Specifies the URL of the audio file

Global Attributes

The <audio> tag also supports the Global Attributes in HTML.

---

Event Attributes

The <audio> tag also supports the Event Attributes in HTML.

---

Related Pages

HTML DOM reference: HTML Audio/Video DOM Reference

Continue Reading

Aaina Maloomat-e-Pakistan Pdf Urdu Book Free Download

 Free download or read online another General Knowledge related Urdu book "Aaina Maloomat-e-Pakistan" and increase your general knowledge about your country Pakistan in easy Urdu words. "Aina Malomat-e-Pakistan" is the title name of this Urdu book which means the mirror of general knowledge of Pakistan. Mr. Nusrat Ali Asir authored this Urdu book. The author Nusrat Ali Asir has worked hard and collected all the possible info and knowledge related to Pakistan. This Urdu book is a masterpiece of Mr. Nusrat Ali Asir. The book has all kind of general knowledge related Pakistan in the Urdu language. The book is ordered as questions and answers. The writer Nusrat Ali Asir has arranged and divided the general info about Pakistan into different sections such as the general political knowledge, the general geographic knowledge, the sports general knowledge, foreign affairs general knowledge and much more. Aina Malomat Pakistan is a detailed and a unique Urdu book which will improve your general knowledge about Pakistan in Urdu language. Aaina Maloomat Pakistan is a long Urdu book about 447 pages. This book is recommended for all Pakistanis especially who are going to an Interview or those people who are going to attend a test like ETA, NTS, ISSB or CSS etc. 

Aaina Malumat-e-Pakistan by Nusrat Ali Asir is available here for download and read online in Pdf format. You can free download and read online this Urdu book from the table below the following sample pages.

Brief Information about the Pdf eBook
Book Name:	Aaina Maloomat-e-Pakistan
Writer:	Nusrat Ali Athir
Language:	Urdu
Format:	Pdf
Size:	5.42 MB
Pages:	447

Continue Reading

Peshan Goyee By Niamatullah Shah Wali Pdf Free Download

 

Original Title:

Qaseeda Hazrat Naimat Ullah Shah Wali R A In URDU (Real Book)

Uploaded by

Dr Mir Syed Mansoor Akhter Bokhary

Description:

Hazrat Shah Niamat Ullah Wali R.A. had made predictions about 900 years back About Muslim World. Origional Book

Full description

Book: Naimatullah Shah Wali PDF Download

Author: Naimatullah Shah Wali

Book of Future Predictions by Hazrat Naimatullah Shah Wali (RA) in Urdu Translated into by Syed Zaid Hamid. Nemat Allah was a Persian Sufi and poet from the 14th and 15th centuries. He is revered by Sunni as a saint and by the Sufi order. Complete Urdu interpreted Book of 850 Years Predictions by Hazrat Naimatullah Shah Wali (R.A.) with a lot of clarifications and outline of future expectations (at pages 53 to 57) ordered by Nawabzadah Niaz Dil Khan is posted beneath. 

Wise people naturally like to say that there is no such thing as a creator. Man wants to be immortal, this world is disgusting, everything in the world is like poison, but man does not want to leave his birthplace, or does not want to leave the memory, or maybe man does not want to leave the man of love, because of which man wants to live. That is not possible, everyone will have to die one day.

But Dr. Ekram has solved this problem. He invented the formula of immortality but where is the proof? The proof is himself, he has lived for three centuries. He wanted to do many, many things with his discovery. But his formula is not the agabaga type. People got behind Dr. Ekram so. They are looking for Ekram. The formula wants them. Who are they? And they didn’t tell Ekram Kao anything about this formula, how did they know even after these three centuries?

Once upon a time, page after page of war, biobot versus biobot. Both are invincible. One is made by Dr. Ekram, the other is made for destruction. Who will win? Dr. Ekram made his biobot Azad to kill him. But why? Dr. Ekram is immortal. Sometimes Dr. Ekram’s biobot, Azad killed him but how did Ekram come back alive?

Want to know the formula of immortality? Want to know the answer to everything? Then you must read Sajal Chowdhury’s ‘Thriller Fiction’ Fugitive. Let me tell you something myself, I first read Sajal Vaiya’s writing in Thriller Galpasankalan-4. “We” Oops! It was awesome. That was the best story I’ve ever had in that book.

My first eyebrows were raised when I saw the writing ‘Thriller sci-fi’. How is it again? Thriller is sci-fi again. Let me tell you about Vaiyar’s writing, I was so fascinated to spread the story around and come back to it a few hundred years ago and put it all together, so much so that the remnants of the book have not been cut yet.

(I tell my brother quietly, go ahead brother, you have something to give to Bengali literature) However, one thing I like about the book is that it is very informative. For those who read it, every line may have to be marked. I kept thinking, “Brother, how much do you read and go to write it?” (!!) It has been better than us. Brother, I will make a request, some of the questions that you did not write in the last one will be answered in the next book, can’t these be given? I mean, don’t keep any secrets.

Download Link

Download Link 1

Download Link 2

Continue Reading

HTML <aside> Tag

Example

Display some content aside from the content it is placed in:

<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>

Try it Yourself »

More "Try it Yourself" examples below.

Definition and Usage

The <aside> tag defines some content aside from the content it is placed in.

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

Tip: The <aside> content is often placed as a sidebar in a document.

Note: The <aside> element does not render as anything special in a browser. However, you can use CSS to style the <aside> element (see example below).

Global Attributes

The <aside> tag also supports the Global Attributes in HTML.

Event Attributes

The <aside> tag also supports the Event Attributes in HTML.

More Examples

Example

Use CSS to style the <aside> element:

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

<h1>The aside element</h1>

<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>
<p>The Epcot center is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</aside>

<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>
<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>

</body>
</html>

Try it Yourself »

Related Pages

HTML DOM reference: Aside Object

Default CSS Settings

Most browsers will display the <aside> element with the following default values:

aside {
  display: block;
}

Continue Reading

HTML <article> Tag

 

Example

Three articles with independent, self-contained content:

<article>
<h2>Google Chrome</h2>
<p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
</article>

<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.</p>
</article>

<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.</p>
</article>

Try it Yourself »

More "Try it Yourself" examples below.

---

Definition and Usage

The <article> tag specifies independent, self-contained content.

An article should make sense on its own and it should be possible to distribute it independently from the rest of the site.

Potential sources for the <article> element:

• Forum post
• Blog post
• News story

Note: The <article> element does not render as anything special in a browser. However, you can use CSS to style the <article> element (see example below).

---

Global Attributes

The <article> tag also supports the Global Attributes in HTML.

---

Event Attributes

The <article> tag also supports the Event Attributes in HTML.

More Examples

Example

Use CSS to style the <article> element:

<html>
<head>
<style>
.all-browsers {
  margin: 0;
  padding: 5px;
  background-color: lightgray;
}

.all-browsers > h1, .browser {
  margin: 10px;
  padding: 5px;
}

.browser {
  background: white;
}

.browser > h2, p {
  margin: 4px;
  font-size: 90%;
}
</style>
</head>
<body>

<article class="all-browsers">
  <h1>Most Popular Browsers</h1>
  <article class="browser">
    <h2>Google Chrome</h2>
    <p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
  </article>
  <article class="browser">
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.</p>
  </article>
  <article class="browser">
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.</p>
  </article>
</article>

</body>
</html>

Try it Yourself »

---

Related Pages

HTML DOM reference: Article Object

---

Default CSS Settings

Most browsers will display the <article> element with the following default values:

article {
  display: block;
}

Continue Reading

HTML <area> Tag

Example

An image map, with clickable areas:

<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">

<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
  <area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
  <area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>

Try it Yourself »

More "Try it Yourself" examples below.

Definition and Usage

The <area> tag defines an area inside an image map (an image map is an image with clickable areas).

<area> elements are always nested inside a <map> tag.

Note: The usemap attribute in <img> is associated with the <map> element's name attribute, and creates a relationship between the image and the map.

Global Attributes

The <area> tag also supports the Global Attributes in HTML.

Event Attributes

The <area> tag also supports the Event Attributes in HTML.

More Examples

Example

Another image map, with clickable areas:

<img src="planets.gif" width="145" height="126" alt="Planets"
usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

Try it Yourself »

Related Pages

HTML DOM reference: Area Object

Default CSS Settings

Most browsers will display the <area> element with the following default values:

area {
  display: none;
}

Continue Reading