Thursday, 3 July 2014
HTML Audio!!
If you want to share your Sounds / Audio on your website you must put your Sounds / Audio on your Host site.
You can add your Sounds / Audio in website bacground music.
You three way can share your audio.
1. HTML- Using <embed> : <embed height="50" width="100" src="horse.mp3">
2. HTML- Using <object> : <object height="50" width="100" data="horse.mp3"></object>
3. The HTML5 <audio> :
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
<source src="horse.ogg" type="audio/ogg">
Your browser does not support this audio format.
</audio>
HTML Audio is The Best Solution:
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
<source src="horse.ogg" type="audio/ogg">
<embed height="50" width="100" src="horse.mp3">
</audio>
TML audio Using A Hyperlink on your website:
<a href="horse.mp3">Play the sound</a>
HTML Videos !!
If you want to share your video on your website you must put your video on your Host site.
Playing videos in HTML on your site isn't easy!
Example:
HTML 5 + <object> + <embed>
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
<object data="video.mp4" width="320" height="240">
<embed src="video.swf" width="320" height="240">
</object>
</video>
HTML Video Using A Hyperlink on your website:
Example:
<a href="video.swf">Play a video file</a>
HTML YouTube Videos !!
If you want to share your YouTube Videos in your Web or Blog, two way you share your video on your website.
First way share your YouTube Videos with Iframe.
1. Open your YouTube Video and click "Share" Button
2. Now click "Embed" Button
3. Copy the code and paste it on your website.
Example:
<iframe width="560" height="315" src="//www.youtube.com/embed/CIYxWMAtBig" frameborder="0" allowfullscreen></iframe>
Output:
Second way share your YouTube Videos Embedded.
Example:
<embed width="420" height="345" src="//www.youtube.com/embed/CIYxWMAtBig" type="application/x-shockwave-flash">
HTML Article !!
The <article> tag specifies independent, self-contained content on your website.
An article should make sense on its own and it should be possible to distribute it independently from the rest of the site or blog.
Article tags define <article>, the article tag has a start or opening tag <article> and an end or closing tag </article>.
Potential sources for the <article> element:
Forum posting.
Blog posting.
News story.
Comment.
This is support all HTML version, and support all Browser.
Example:
<article>
<h1>Online Webcoach</h1>
<p>Online Webcoach is a free online tutorial website, this open and copyriht by 2014.</p>
</article>
Output:
HTML Address !!
The address defines the contact information for the author or owner of a document or an article on the website.
Address tags define <address>, the address tag has a start or opening tag <address> and an end or closing tag </address>.
This is (address) support all HTML version, and support all Browser.
Example:
<address>
Written by <a href="mailto:onlinewebcoach.bd@yahoo.com">Online Webcoach</a>.<br>
Visit us at: onlinewebcoach.blogspot.com/<br>
Box 1205, Dhanmondi<br>
BD
</address>
Output:
Written by Online Webcoach.
Visit us at: onlinewebcoach.blogspot.com/
Box 1205, Dhanmondi
BD
HTML Object !!
Object is use to embed multimedia (eg audio, video, Java applets, ActiveX, PDF, and Flash, Web page) in your web pages or file.
Object is define <object>, the object tag has a start or opening tag <object> and an end or closing tag </object>.
Example:
<object width="400" height="400" data="http://onlinewebcoach.blogspot.com/"></object>
This is (Object) support all HTML version, and support all Browser.
HTML Basefont !!
Basefont define a default font size, font face and color of text on your website.
The font tag has a start or opening tag <font> and an end or closing tag </font>.
Example:
<!DOCTYPE html>
<html>
<head>
<basefont color="green" size="5">
</head>
<body>
<h1>This is a HTML heading</h1>
<p>This is a HTML paragraph.</p>
</body>
</html>
This Basefont isn't support HTML5, and support all Browser.
Subscribe to:
Posts (Atom)








