HTML Tags

<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<dd>
<del>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<fieldset>
<font>
<form>
<frame>
<frameset>
<head>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<menu>
<meta>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<p>
<param>
<pre>
<q>
<s>
<samp>
<script>
<select>
<small>
<span>
<strike>
<strong>
<style>
<sub>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<title>
<tr>
<tt>
<u>
<ul>
<var>

Posted by : Niyathi on Tuesday, February 10, 2009 | Labels: , | 0 Comments  

Img, Map and Area Tag

<html>
<body>


<img src="images.gif" width="150" height="125" alt="Sample Image" usemap="#samplemap" />

<map name="samplemap">
<area shape="rect" coords="0,0,85,125" alt="Home" href="index.html" />
<area shape="circle" coords="95,55,5" alt="About Us" href="aboutus.htm" />
<area shape="poly" coords="120,55,8,10" alt="Services" href="services.htm" />
</map>

</body>
</html>

--
<img> Tag

src -- name or path of the file
width -- width of the image
height -- height of the image
alt - Mouse point text
usemap - name of the map

<map> Tag

name -- name of the map

Sub element

<area> tag

shape - rect/ circ / poly
coords - rect - "left,top,bottom,right"
circ - "centerx,centery,radius"
poly - "x1,y1,x2,y2..xn,yn"
href - specified location of the file or image
nohref - nohref - if there is no link
target - _blank/_parent/_self/_top

Posted by : Niyathi on Friday, February 6, 2009 | Labels: , , | 0 Comments  

Link Tag

Link Tag

<html>
<body>

<a href="sample.html" target="_blank">Click Me For Blank</a><br/>
<a href="sample.html" target="_self">Click Me For Self</a><br/>
<a href="sample.html" target="_parent">Click Me For Parent</a><br/>
<a href="sample.html" target="_top">Click Me For Top</a><br/>

</body>
</html>

--
The attribute target denotes where the URL should open.

_blank = Open in new window
_self = Open in same frame
_parent= open in parent frameset
_top = open in full body of the window

To open in same window

<html>
<body>

<p>
<a href="#anchor1">Go to</a>
</p>

<p>
<a name="#anchor1">Go to</a>
</p>


</body>
</html>

--

Use the name attribute to locate the link in the same page and denote the href location with hash(#). It will be effective when the page is long.

To send the Mail

<html>

<body>

<p>

<a href="mailto:someone@gmail.com?subject=Hello%20again">
Click to Send Mail</a>
</p>

For Multiple Mails

<p>

<a

href="mailto:someone@gmail.com?cc=someoneelse@gmail.com&bcc=andsomeoneelse2@gmail.com&subject=Hello%20friend&body=You%20are%20invited!">Send mail!</a>
</p>

</body>
</html>

--

Note: Replace space to "%20".

Posted by : Niyathi on | Labels: , | 0 Comments  

Text Formatting Tags

<em>It is an Emphasized text</em><br/>
<strong>It is an Strong text</strong><br/>
<dfn>It is an Definition term</dfn><br/>
<code>It is an Computer code text</code><br/>
<samp>It is an Sample computer code text</samp><br/>
<kbd>It is an Keyboard text</kbd><br/>
<var>It is an Variable</var><br/>
<cite>It is an Citation</cite><br/>
<big>It is an big text</big><br/>
<tt>It is an Teletype Text</tt><br/>
<small>It is an small text</small><br/>
log <sub> a </sub>2x<br/> -- used to display as subscript<br/>
a <sup> x </sup><br/> -- used to display as superscript


Text Formatting List

<b> - Bold
<i> - Italic
<u> - Underline
<big> - Big Text
<strong> - Strong Text
<em> - Emphasized Text
<small> - Small Text
<ins> - Inserted Text
<del> - Deleted Text
<s> - Striked Text (same as <ins>)
<strike> - Striked Text (same as <ins>)
<sub> - Subscript
<sup> - Superscript
<code> - Computer Code Text
<kbd> - Keyboard Text
<samp> - Sample Computer Code
<tt> - Teletype Text
<var> - variable
<pre> - preformatted text
<abbr> - Abbreviation
<acronym> - Acronym
<address> - Address Element
<bdo> Bi-directional override - text direction
<blockquote> - Long quotes
<q> - Short quotes
<cite> - citation
<dfn> Definition Term

Posted by : Niyathi on | Labels: , | 0 Comments  

Del and Ins Tag

Del Tag and Ins Tag

<p>SEO Package is
<del>$250</del>
<ins>$100</ins>
pieces
</p>

Like the usage <s> or <strike> tag, <del> tag is used. As like <u>tag, <ins> tag is used.

Posted by : Niyathi on | Labels: , | 0 Comments  

Blockquote Tag

<html>
<body>

To describe the long quotation:
<blockquote>
The Long quotation might be an paragraph with 4 to 5 lines describing a concept in brief way just simplifying the concept which is very useful to the readers who doesnt want to read the entire article or history.
</blockquote>
<br/>
To describe the short quotation by means of double quotes it is used in this tag.
<br/>
WWW stands for <q>World Wide Web</q>

</body>
</html>


In blockquote tag the browser inserts the line breaks and indent the margin by default but in case of q tag it displays the double quotes.

<q cite="http://new-concept-in-programming-languages.blogspot.com/">
New and Interesting Tags in HTML
</q>

q tag has an attribute of cite which is defined to show the destination URL as of anchor tag

Note: It is not supported by most of the browsers.

Posted by : Niyathi on | Labels: , | 0 Comments  

Bi-directional Override tag

<html>
<body>

<bdo dir="rtl">
Mamboo
</bdo>

<bdo dir="ltr">
Mamboo
</bdo>

</body>
</html>

Using Bi-directional override tag we can specify the direction of the text from whether to left to right or right to left. It has the direction attribute named "dir" which specifies the direction of right to left as "rtl" and left to right as "ltr".

Posted by : Niyathi on | Labels: , | 0 Comments  

Subscribe to: Posts (Atom)