How to use area tag


<area>

All Tags not showing in online page, but show on view source.

<img src="images/area_map.jpg" border="0" usemap="#Map">
<map name="Map">
  <area shape="circle" coords="139,218,80" href="#">
>/map>

Code show like this:

Browser Support

The <area> tag is supported in all major browsers.

Attention: The area tag use into attribute in the <img> tag is associated with the <map> element’s name attribute, and creates a relationship between the image and the map.

What is area tag

area tag use for image link in a particular area, You can see free text is linked of this whole image

HTML 4.01

HTML 4.01 attributes are no longer supported.

HTML5

HTML5 area tag has some new attributes.

How to use applet tag


<applet>

All Tags not showing in online page, but show on view source.

<applet code="Home2IT.class" width="350" height="350">
Download Java for your desktop computer now!
</applet>

Code show like this:


Download Java for your desktop computer now!

Browser Support

The <applet> tag is supported in all major browsers.

Attention:The <applet> tag is not supported in HTML5. Use the <object> tag instead of this.

HTML 4.01

The <applet> tag is deprecated in HTML 4.01.

HTML5

The <applet> tag is not supported in HTML5.

How to use address tag


<address>

All Tags not showing in online page, but show on view source.

<address>©2013 Home2IT</address>

Code show like this:

©2013 Home2IT

Browser Support

The <address> tag is supported in all major browsers.

What is address tag

address tag use for website information website name, who created this web site, address tag use into footer tag.

HTML5

address tag is in new HTML 5

How to use acronym tag


<acronym>

All Tags not showing in online page, but show on view source.

<acronym title="Google">Google Best Search Engine</acronym>

Code show like this:

Google Best Search Engine

Browser Support

The <acronym> tag is not supported in IE 5.5 or earlier versions.

Attention: The <acronym> tag is not supported in HTML5. Use the <abbr> tag instead of this.

What is acronym tag

acronym tag gives title with text cursor

HTML 4.01

The <acronym> tag is supported in HTML 4.01.

HTML5

The <acronym> tag is not supported in HTML5

How to change color of placeholder with css

<input type="text">

All CSS not showing in online page, but show on view source with css link.

input[type=text]::-webkit-input-placeholder { /* Chrome and Safari */
  color: #f14512;
  opacity: 1;
}

input[type=text]::-moz-placeholder { /* Firefox */
  color: #f14512;
  opacity: 1;
}

input[type=text]:-ms-input-placeholder { /* IE */
  color: #f14512;
  opacity: 1;
}

input[type=text]::placeholder {
  color: #f14512;
  opacity: 1;
}

<input type="text" placeholder="placeholder color" class="form-control red-placeholder">

Create placeholder class for use everywhere.

.red-placeholder::-webkit-input-placeholder {
  color: #f14512;
  opacity: 1;
}

.red-placeholder::-moz-placeholder {
  color: #f14512;
  opacity: 1;
}

.red-placeholder:-ms-input-placeholder {
  color: #f14512;
  opacity: 1;
}

.red-placeholder::placeholder {
  color: #f14512;
  opacity: 1;
}

Code show like this:

Browser Support

The <input type=”text” placeholder=”placeholder color”> attribute is not supported in IE 9 or earlier versions.

Placeholder for IE jQuery

Placeholder for IE you can see reference site HTML5 Placeholder jQuery Plugin


or here you can try

First you need to download placeholder jquery click this link.

Use code like this:

<script src="js/jquery.placeholder.js"></script>
<script>
$('input, textarea').placeholder();
</script>

What is placeholder attribute

placeholder attribute gives a help to see what text need to be write. when user enter any keyword the placeholder text will be hide.

How to use abr tag


<abbr>

All Tags not showing in online page, but show on view source.

<abbr title="Google">Google Best Search Engine</abbr>

Code show like this:

Google Best Search Engine

Browser Support

The <abbr> tag is not supported in IE 6 or earlier versions.

What is abr tag

abr tag gives a help sign with dotted line in text, this tag use with title tag.

How to use a tag


<a>

All Tags not showing in online page, but show on view source.

<a href="http://www.home2it.com">Welcome to Home2IT.com!</a>

Code show like this:

Browser Support

The <!DOCTYPE> tag is supported in all major browsers.

What is a tag

a tag is means anchor and used to hyperlink. a tag used to link from one page to another page and anything.

HTML 4.01

In HTML 4.01, the <a> tag could be either a hyperlink or an anchor. In HTML5, the <a> tag is always a hyperlink, but if it has no href attribute, it is only a placeholder for a hyperlink.</a>

HTML 5

HTML5 has some new attributes, and some HTML 4.01 attributes are no longer supported.

How to use DocType tag in html


<!DOCTYPE>

All Tags not showing in online page, but show on view source.

<!DOCTYPE html> <html> <head> <title>Title of the your website</title> </head> <body> The content of the your website </body> </html>

Code show like this:

The content of the your website

Browser Support

The <!DOCTYPE> tag is supported in all major browsers.

Difference in HTML 4.01

There are three different <!DOCTYPE> statements in HTML 4.01.

Difference in HTML 5

In HTML5 there is only one:


Types of DOCTYPE

There are three types of Doctype

  1. Strict
  2. Transitional
  3. Frameset

Common DOCTYPE Statements

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict

This DTD contains all HTML elements and attributes, but does NOT INCLUDE presentational or deprecated elements (like font). Framesets are not allowed.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

This DTD contains all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). Framesets are not allowed.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

This DTD is equal to HTML 4.01 Transitional, but allows the use of frameset content.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict

This DTD contains all HTML elements and attributes, but does NOT INCLUDE presentational or deprecated elements (like font). Framesets are not allowed. The markup must also be written as well-formed XML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

This DTD contains all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). Framesets are not allowed. The markup must also be written as well-formed XML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

This DTD is equal to XHTML 1.0 Transitional, but allows the use of frameset content.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

This DTD is equal to XHTML 1.0 Strict, but allows you to add modules (for example to provide ruby support for East-Asian languages).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">