html5 Tags

1)audio
a)
<body>
<audio>
</body>
b)
<body>
<audio>
<source src="mysong.mp3">
</audio>
</body>
c)
not showing anything
<body>
<audio controls>
</audio>
<body>
<audio controls autoplay>
</audio>
</body>
run in edge
2)
<video controls autoplay loop width="400" height="400">

<source src="raw3_bitwiseops.mp4">
</video>
3)interactivity b/w pages
home.html
<body>
<h1>Home</h1>
<a href="Gallery.html">Gallery</a><br>
<a href="Aboutus.html">Aboutus</a><br>
</body>
Aboutus.html
<body>
<h1>About us</h1>
<a href="Gallery.html">Gallery</a><br>
<a href="home.html">Home</a><br>
</body>
Gallery.html
<body>
<h1>Gallery</h1>
<a href="home.html">Home</a><br>
<a href="Aboutus.html">Aboutus</a><br>
</body>
4)use images
<body>
<a href="home.jpg">home</a><br>
<a href="kushal.jpg">kushal</a>
</body>
5)
<a href="Gallery.html" target="_blank" title="click">Gallery</a><br>
target="_parent"
target="_self"
target="_top"
all 3 working same type
name attribute in anchor tag:
6)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p><a href="#computer">Computer</a></p>
<p><a href="#laptop">Laptop</a></p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis
cum accusamus assumenda sequi atque possimus temporibus voluptatem culpa
quas impedit a earum nihil placeat, ab, rem dolorem quibusdam
necessitatibus?
Laboriosam distinctio sunt perferendis. Fuga, placeat? Illum possimus
accusantium
atque vero deleniti non cum
fugiat! Nihil recusandae assumenda non odit perferendis?
necessitatibus?
accusantium
necessitatibus?
accusantium
necessitatibus?
accusantium
necessitatibus?
accusantium
necessitatibus?
accusantium
necessitatibus?
accusantium
necessitatibus?
accusantium
</p>
<br>
<h1><a name="computer">Computer</a></h1>
<p>
necessitatibus?
accusantium
necessitatibus?
accusantium
necessitatibus?
accusantium
necessitatibus?
accusantium
necessitatibus?
accusantium
necessitatibus?
accusantium
necessitatibus?
accusantium
necessitatibus?
accusantium
</p>
<br>
<h1><a name="laptop">Laptop</a></h1>
<p>
necessitatibus?
accusantium
necessitatibus?
accusantium

necessitatibus?
accusantium
necessitatibus?
accusantium
necessitatibus?
accusantium
necessitatibus?
accusantium
necessitatibus?
accusantium
necessitatibus?
accusantium
</p>
<h1><a href="Aboutus.html">top</a></h1>
</body>
</html>
7)
download and hreflang attributes:
<body>
<h1>anchor tag with download </h1>
<img src="home.jpg" alt="coverpage" width="500" height="500"><br>
<a href="home.jpg" download="home" hreflang="en">download</a>
</body>
8)
<body>
<p>My name is <abbr title="dasari venu">D.V</abbr></p>

<p>My name is <acronym title="dasari venu">D.V</acronym></p>

</body>
9)
address tag:
describes the author of the content
uses inside articles also
it tells to search engine
owner of the document.
<address>
written by:
<a href="mailto:venusd95@gmail.com">Venu Dasari</a> <br>
Visit Us:
<a href="www.venustechnologies.com">www.venustechnologies.com</a><br>
Warangal, Telangana
India
</address>
<article>
<address>
written by:
<a href="mailto:venusd95@gmail.com">Venu Dasari</a> <br>
Visit Us:
<a href="www.venustechnologies.com">www.venustechnologies.com</a><br>
Warangal, Telangana
India
</address>
</article>

html5 Tags

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

html5 Tags

Uploaded by

Copyright:

Available Formats

1)audio

<video controls autoplay loop width="400" height="400">

3)interactivity b/w pages

all 3 working same type

name attribute in anchor tag:

Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis

download and hreflang attributes:

<p>My name is <abbr title="dasari venu">D.V</abbr></p>

You might also like