Thursday, 3 July 2014

HTML Division !!


The Division is define <div> tag, the <div> tag defines a division or a section in an HTML document file.
The Division is the child of Body:
(
<body>
<div>
<p>This is my first HTML paragraph.</p>
</div>
</body>)
The Division tag has a start or opening tag <div> and an end or closing tag </div>. Div tag is very import for your web desingning or development.
This is support all HTML version, and support all Browser.

Example:
<p>This is some HTML text.</p>

<div style="color:#0000FF">
  <h3>This is a heading in a HTML div element</h3>
  <p>This is some text in a HTML div element.</p>
</div>

<p>This is some HTML text.</p>

Output:
This is some HTML text.

This is a heading in a HTML div element

This is some text in a HTML div element.
This is some HTML text.

HTML Body Tag !!


The <body> tag defines the document's body. The body tag child of html tag.
The Body tag has a start or opening tag <body> and an end or closing tag </body>.
This is support all HTML version, and support all Browser.

Example:
<body>
<p>This is my first HTML paragraph.</p>
</body>

HTML html Tag !!


HTML means Hyper Text Markup Language or
H = Hyper, T = Text, M = Markup, L = Language.
The <html> tag tells the browser that this is an HTML document.
The <html> tag represents the root of an HTML document.
The HTML tag has a start or opening tag <html> and an end or closing tag </html>.
This is support all HTML version, and support all Browser.

Example:
<html>
<body>
<p>This is my first HTML paragraph.</p>
</body>
</html>

HTML Horizontal Rule (hr) !!


The Horizontal Rule is define <hr> tag, hr separate you line content with border.
The <hr> tag is an empty tag which means that it has no end or closing tag, this is the single tag.
This is support all HTML version, and support all Browser.

Example:
<p>Online <hr>Webcoach</p>

Output:
Online

Webcoach

HTML Line Break !!


The Line Break is define <br> tag, br separate your line content with margin.
The <br> tag is an empty tag which means that it has no end or closing tag, this is the single tag.
This is support all HTML version, and support all Browser.

Example:
<p>Online <br>Webcoach</p>

Output:
Online
Webcoach

HTML Subscript !!


Subscript is define by <sub> tag, and this normaly used for mathematical term.
The Subscript tag has a start or opening tag <sub> and an end or closing tag </sub>.

Example:
<p>The symble of wateris H<sub>2</sub>O</p>

Output:
The symble of water is H2O

HTML Superscript !!


Superscript is define by <sup> tag, and this normaly used for mathematical term.
The Superscript tag has a start or opening tag <sup> and an end or closing tag </sup>.

Example:
<p>The (a+b)(a+b)=(a+b)<sup>2</sup></p>

Output:
The (a+b)(a+b)=(a+b)2

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:



Online Webcoach

Online Webcoach is a free online tutorial website, this open and copyriht by 2014.

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.

HTML Font !!


You can customize your 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:
<p><font size="3" color="red">This is my text!</font></p>
<p><font size="4" color="black">This is my text!</font></p>
<p><font face="verdana" color="pink">This is my text!</font></p>

Output:
This is my text!
This is my text!
This is my text!

This Font isn't support HTML5, and support all Browser.

HTML insert!


A text with a deleted part, and a new inserted part on your line.

Example:
<p>My favorite book is <del>Bangla</del> <ins>English</ins>!</p>
Output:
My favorite book is
BanglaEnglish!

The insert tag defines that  inserted into a document or line.
The insert tag has a start or opening tag <ins> and an end or closing tag </ins>.
This is (insert) support all HTML version, and support all Browser.

HTML Delete !!


A text with a deleted part, and a new inserted part on your line.

Example:
<p>My favorite book is <del>Bangla</del> <ins>English</ins>!</p>

The del tag defines that deleted from a document or line.
The Del tag has a start or opening tag <del> and an end or closing tag </del>.
This is (Del) support all HTML version, and support all Browser.

Output:
My favorite book is
BanglaEnglish!

Wednesday, 2 July 2014

HTML Big !!


The Big tag is define <small>, and this usually displayed in Big on your text.
The Big tag has a start or opening tag <small> and an end or closing tag </small>.
This Big isn't support HTML5, and support all Browser.

Example:
<p>This is normal text - <big>and this is big text</big> on my website.</p>

HTML Small !!


The Small tag is define <small>, and this usually displayed in Small on your text.
The Small tag has a start or opening tag <small> and an end or closing tag </small>.
This is (Small) support all HTML version, and support all Browser.

Example:
<p>This is normal text - <small>and this is small text</small> on my website.</p>

HTML Italic Tag !!


The Italic tag is define <i>, and this usually displayed in Italic on your text.
The Italic tag has a start or opening tag <i> and an end or closing tag </i>.
This is (Italic) support all HTML version, and support all Browser.

Example:
<p>This is normal text - <i>and this is Italic text</i> on my website.</p>

HTML Bold Tag !!


The bold tag is define <b>, and this usually displayed in bold on your text.
The bold tag has a start or opening tag <b> and an end or closing tag </b>.
This is support all HTML version, and support all Browser.

Example:
<p>This is normal text - <b>and this is bold text</b> on my website.</p>

HTML Frame!!


You can divided a Web page into two or more with HTML frames. Every part of page you can upload a page.
Even if you want you ccan use reload. If have more frame that's called frameset.
You must write frame tag in frameset "<frameset><frame></frame></frameset>".

Example:

<!DOCTYPE html>
<html>
<head>
<title>Online Webcoach Frame Tutorial </title>
</head>
<frameset rows=”200,100>
<frame src="http://onlinewebcoach.blogspot.com/" />
<frame src="http://muktotunes.blogspot.com/" />
<noframes>
 <body>
Unfortunately, your browser does not support this frame tag.
</body> 
</noframes>
</frameset>
</html>

Here, <frameset rows=”200,100> understanding to you the "http://onlinewebcoach.blogspot.com/" height 200px and "http://muktotunes.blogspot.com/" height 100px.

Frame isn't supprt on the HTML5. HTML% support only "Iframe".

HTML Iframes !!


Iframe is used for display a web page within a web page or Video.
The element has a start or opening tag <iframe> and an end or closing tag </iframe>.
iframe mean "inline frame".

Syntax for adding an iframe on your web page:

<iframe src="URL of web page"></iframe>
The URL points to the location of the separate page or Video.

Iframe - Height and Width Set:
The attribute values are specified in pixels by default, but they can also be in percent (like "80%").

Example:
<iframe src="http://onlinewebcoach.blogspot.com/" width="500" height="400"></iframe>

Iframe Border:
If you want to doesn't display iframe border (frameborder attribute specifies whether or not to display a border around the iframe) just frameborder="0".

Example:

<iframe src="http://onlinewebcoach.blogspot.com/" frameborder="0" width="500" height="400"></iframe>

Iframe Target Link:
You can used iframe target frame for a link.

when you click the link then the show your page in iframe.

Example:
<iframe src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMj99B-JvSWlAYFzTf7dYDR9KlkBiTRC_8QzZ9adjmV048NcDH1pButKJanEovUOr0WFx26ydinQGETECmHMtFOcMoOIYmWBFXZAi0xPdcCvaj_ULrrqOxbq7hMvGp6NGpFWvM75chbeE/s1600/iframe.jpg" name="iframe_a" frameborder="0" width="500" height="400"></iframe>
<p><a href="http://onlinewebcoach.blogspot.com/" target="iframe_a">Online Webcoach</a></p>
Output:

 
Online Webcoach
If your need help please watch this video: