Wednesday, December 19, 2012

Example for HTML Image Map with Output

Example for HTML Image Map:
<body>
<img src="../My Pictures/images.jpg" width="392" height="194" border="0" usemap="#imglinks" />
<map name="imglinks">
<area shape="rect" coords="5,167,42,192" href="../My Pictures/cat-funny-animal.jpg">
<area shape="circle" coords="348,160,10" href="div-site.html">
<area shape="poly" coords="236,166,256,160,283,154,299,146,305,136,319,129,307,112,294,95,270,76,262,63,245,48,241,44,239,30,229,22,216,23,201,28,187,26,169,26,155,31,147,37,136,42,122,45,105,52,96,63,92,73,89,83,82,90,82,100,87,114,93,125,101,140,123,148,137,160" href="divscroll.html">
</map>
</body>

Tuesday, December 4, 2012

HTML Image And Marquee Tags Example With Output

<body>
<p><strong>Example Image Tag With No CSS Float Style:</strong></p>
<img src="images.jpg" alt="Rose Image" width="400" height="250" border="8" vspace="20" hspace="20"/>
<br />
<hr />
<br />
<p><strong>Example Image Tag With CSS Float Style:</strong></p>
<img src="images.jpg" alt="Rose Image" width="400" height="250" border="8" vspace="20" hspace="20" style="float:right" />
<p style="background-color:#FFFFCC; padding:12px; width:200px; height:auto">
<h2 align="center">IT Job Careers</h2>
<hr/>
<a href="page1.html#t1">HTML</a>
<br>
<a href="page2.html#t2">CSS</a>
<br>
<a href="page3.html#t3">JS</a>
<br>
<a href="page4.html#t4">PHP</a>
</p>
<hr />
<p><strong>Example For Marquee Tag:</strong></p>
<marquee behavior="alternate" width="400" height="250" bgcolor="#CCFF99" direction="up" loop="10" scrollamount="4" scrolldelay="600">
<pre>
HTML ----> Hyper Text Markup Language
CSS ----> Cascading Style Sheet
JS ----> Java Script
XML ----> Extensible Markup Language
PHP ----> Hypertext PreProcessor
</pre>
<img src="images.jpg" alt="Rose Image" width="400" height="200" border="8" vspace="20" hspace="20" />
</marquee>
</body>

Output:-

Example Image Tag With No CSS Float Style:
Rose Image

Example Image Tag With CSS Float Style:
Rose Image

IT Job Careers

HTML
CSS
JS
PHP

Example For Marquee Tag:

HTML ----> Hyper Text Markup Language
CSS ----> Cascading Style Sheet
JS ----> Java Script
XML ----> Extensible Markup Language
PHP ----> Hypertext PreProcessor

HTML Common Text Format Tags Example With Output

Some HTML Common Text Format Tags Example With Output

<body>
<p>
<strong>HTML</strong> Forms are used to select different kinds of user input. <strong>Forms</strong> are used to pass data to a server. An <strong>HTML</strong> form can contain input elements like text fields, checkboxes, radio-buttons, submit buttons and more. A form can also contain select lists, textarea, fieldset, legend, and label elements
</p>
<pre>
HTML ----> Hyper Text Markup Language
CSS ----> Cascading Style Sheet
JS ----> Java Script
XML ----> Extensible Markup Language
PHP ----> Hypertext PreProcessor
</pre>
<b>Bold</b> or <strong>Strong</strong>
<br />
<i>Italic</i> or <em>Emphasised</em>
<br>
<u>Under Line</u><br>
<del>Deleted</del> or <s>Strick Through</s>
<br>
A<sub>2</sub>
<br><br>
X<sup>3</sup>
<br/>
<abbr title="World Wide Web">WWW</abbr> or <acronym title="JS">Java Script</acronym>
<br>
</body>

Output:-

HTML Forms are used to select different kinds of user input. Forms are used to pass data to a server. An HTML form can contain input elements like text fields, checkboxes, radio-buttons, submit buttons and more. A form can also contain select lists, textarea, fieldset, legend, and label elements.

HTML     ---->   Hyper Text Markup Language
CSS       ---->    Cascading Style Sheet
JS          ---->    Java Script
XML       ---->    Extensible Markup Language
PHP       ---->    Hypertext PreProcessor

Bold or Strong
Italic or Emphasised
Under Line
~~Deleted~~or ~~Strick Through~~
A₂

X³
WWW or Java Script

Monday, December 3, 2012

HTML Headings with CSS Inline Style Example

HTML Headings with CSS Inline Styles Script:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="html,css,js,php,script,styles" />
    <meta name="description" content="HTML Headings with CSS Inline Styles Script and its output" />
    <title>Sample HTML</title>
    </head>
    <body>
    <h1 align="center" style="color:#7F9F55; background-color:#FCF; border:double; border-color:#AA7FFF; padding:10px;" >Welcome To ITJobCareers</h1>

    <hr align="center" width="50%" size="5" color="red" />

    <h2>HTML</h2>
    <h3>CSS</h3>
    <h4>JS</h4>
    <h5>PHP</h5>
    <h6>MySQL</h6>
     </body>
</html>

IT Job Careers

Pages

Wednesday, December 19, 2012

Example for HTML Image Map with Output

Tuesday, December 4, 2012

HTML Image And Marquee Tags Example With Output

Output:-

IT Job Careers

HTML Common Text Format Tags Example With Output

Output:-

Monday, December 3, 2012

HTML Headings with CSS Inline Style Example

HTML Headings with CSS Inline Styles Script:

OutPut:-

Welcome To ITJobCareers

HTML

CSS

JS

PHP

MySQL