Online Web Coach

Thursday, 3 July 2014

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
~~Bangla~~English!

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
~~Bangla~~English!

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: