Thursday, 27 September 2012

HTML (Hypertext Markup Language) is the set of tag or codes inserted in a web file intended for display on a Web browser.The HTML tells the Web browser how to display a Web page's words and images for the user. Each individual HTML code is referred to as an element or tag. Some elements come in pairs that indicate when some display effect is to begin and when it is to end.

what is meaning of HTML tag

1.<html></html>
  The opening and closing HTML tag surround the text you wish browsers to interpret as HTML
2.<head></head>
  Defines the portion of the document that contains essential formatting information. The material   in the  head is invisible.
3.<title> </title>
  Text surrounded by the opening and closing title tags appears in the top bar of the browser.
4.<body></body>
  Defines the portion of the document that contains the visible information.
5.<body bgcolor=?> Specifies the background color
<body text=?> Specifies the text color
<body link=?> Specifies the color of unfollowed links.
<body vlink=?> Specifies the color of followed links.
<body alink=?> Specifies the color of links when they are clicked.
6.<hl></hl>,<h2></h2>,
<h3></h3>,<h4></h4>,
<h5></h5>,<h6></h6>
The heading tags indicate the importance of a heading ranging from the most important, h1, to the least important, h6. These specifications are intended to denote the importance data below the heading.
7.<tt></tt> Specifies a typewriter or teletype-like text.
8.<em></em>
Creates an emphasis on text that is rendered usually as italics, but sometimes as bold depending on the browser.
9.<strong></strong>
Creates an emphasis on text that is usually rendered as bold, but sometimes as italics depending on the browser.
10.<b></b> Creates bold text
11.<i></i> Creates Italic text.
12.<font size=?></font>
Specifies the font size from 1 to 7. 1 is the smallest, 7 the largest, and 3 is generally the default size.
<font color=?></font> Specifies font color.
13.<p></p> Defines a paragraph. Puts 2 breaks between lines of text.
<p align=?> Defines paragraph alignment left ,right, or canter.
14.<br> Inserts a line break.
15.<blockquote></blockquote> Defines a block quote and indents text from both sides. Usually with some extra space above and below.
16.<ol></ol>
Defines the beginning and end of an ordered list.
17.<ul></ul>
Defines the beginning and end of an unordered list.
18.<li></li>
Defines the beginning and end of a line within a list. Start a line with a number in an ordered list, and with a bullet in an unordered list.
19.<img src="name"> Places and image
<img src="name" align=?> Specifies the alignment of an image;
left, right, center; bottom, top,middle
<img src="name" border=?> Specifies a border around and image.
<img src”=name” alt=”name”>
Specifies the alternative label for an image. This is especially important for use nongraphical browsers
Example <img src="images/dayal.jpg" width="109" height="114" alt="creator"
20.<hr>
Specifies the start of a horizontal rule.
<hr size=?> Specifies the height of a horizontal rule.
<hr noshade>
States that the horizontal rule should
have no shade.
Example <hr noshade width="75%" size="4">
21.<table></table> Specifies the beginning and end of a table.
<thead>< /thead> tag is used to group header content in an HTML table
<tfoot></tfoot> tag is used to group footer content in an HTML table.
<tr></tr> Specifies the beginning and end of a table row.
<td></td> Specifies the beginning and end of a table cell.
<th></th> Defines a table header. A normal cell with text that is bold and cantered.
<table border=#> Specifies the size of the border around a table and cells within the table.
<table cellspacing=#> Specifies the space between cells.
<table cellpadding=#> Specifies the amount of space between the border of a cell and the items within the cell.
<table width=”?”> Specifies the width of a table in either pixels or percent.
<tr align=?> Specifies the alignment of contents in a
row of cells as either left, right, or center.
<td align=?> Specifies the alignment of contents in a cell as either left, right, or center.
<tr valign=?> Specifies the vertical alignment of contents in a row of cells as either top, bottom, or middle.
<td valign=?> Specifies the vertical alignment of contents in cell as either top, bottom, or middle.
<td colspan=#> Specifies the number of columns a cell will span.
<td rowspan=#> Specifies the number of rows a cell will span.
<td nowrap> Stops text from automatically line wrapping
22.<a href="URL"></a> Creates a hyperlink to another page.
<a href=”mailto:Dayal@gmail.com” class=”links” >Dayal@Prakash.com </a>
23.<!-- Make your comment here -->
Surround your comments with the opening and closing comment tags.
24.<blockquote></blockquote>
blockquote element defines a block quotation within the text.
25.<PRE></PRE>
The <pre> tag defines preformatted text. Text in a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks.
26.<abbr title="pdayal">Dayal</abbr>
The <abbr> tag indicates an abbreviation or an acronym
27.<acronym title="no one there">ABCD</acronym>
The <acronym> tag defines an acronym.
28.<address>
Owner <a href="mailto:Prakash@Dayal.com">Prakash</a>.<br>
Visit us at:<br>
Dayal.com<br>
Kharghar Mumbai<br>
India
< /address> The <address> tag defines the contact information
28.<applet code="newPage.class" width="350" height="350">
Java applet that draws animated bubbles.
</applet> The< applet> tag defines an embedded applet
The <applet> tag is not supported in HTML5. Use the <object>tag instead.
29.<img src=" flower.gif" width="145" height="126" alt=" flower"
usemap="# flowermap ">
<map name="flowermap">
<area shape="rect" coords="0,0,82,126" href="rose.htm" alt=" rose ">
< area shape="circle" coords="90,58,3" href="lotas.htm" alt=" lotas ">
< area shape="circle" coords="124,58,8" href="funflower.htm" alt=" funflower">
< /map>
The <area> tag defines an area inside an image-map.The <area> element is always nested inside a <map> tag
30.<article></article> specifies independent, self-contained content.
31.<p>We start at <time>10:00</time> every morning.</p>The <time> tag defines either a time (24 hour clock), or a date in the Gregorian calendar, optionally with a time and a time-zone offset
32.<audio></audio> The <audio> tag defines sound, such as music or other audio streams.
33.<video> <source src="" type="video/mp4"> </video> The <video> tag specifies video, such as a movie clip or other video streams.
34.<caption>months detail</caption> defines a table caption.
35.<em>Emphasized text</em> Renders as emphasized text
36.<strong>Strong text</strong> Defines important text
37.<dfn>Definition term</dfn> Defines a definition term
38.<code>A piece of computer code</code> Defines a piece of computer code
39.<samp>Sample output from a computer program</samp> Defines sample output from a computer program
40.<kbd>Keyboard input</kbd> Defines keyboard input
41.<var>Variable</var> Defines a variable
42.<textarea rows="3" cols="20">
< /textarea> defines a multi-line text input control.
43.<sub>subscript</sub> defines subscript text.
44.<sup>superscript</sup> defines superscript text
45.<strike></strike> define strikethrough text
46.<span style="color: tblue">blue</span> used to group inline-elements in a document
47.<source src="cat.ogg" type="audio/ogg"> used to specify multiple media resources for media elements, such as <video> and <audio>.
48.<small>Small text</small> Renders as smaller text
49.<select> used to create a drop-down list. </select>
50.<option value="red">red</option> inside the <select> element define the available options in the list.
< option value="black">black</option>
51.<s>My car is blue.</s> specifies text that is no longer correct, accurate or relevant.
52.<ruby></ruby> specifies a ruby annotation Ruby annotations are used for East Asian typography
53.<rt> </rt> defines an explanation or pronunciation of characters (for East Asian typography) in a ruby annotation
54.<q> </q> defines a short quotation
55.<pre> </pre> defines preformatted text.
56.<object data="cat.wav"> </object> defines an embedded object within an HTML document (like audio, video, Java applets, ActiveX, PDF, and Flash)
57.<param name="autoplay" value="false">
define parameters for plugins embedded with an<object> element.
58.<meta name="description" content="Free Web tutorials"> Metadata is data (information) about data
59.<link rel="stylesheet" type="text/css" href="newweb.css"> defines the relationship between a document and an external resource.
60.<label for="animal">Animal</label> defines a label for an <input> element.
61.<iframe src="http://www.dayaltechnotech.co.in"></iframe> used to embed another document within the current HTML document.
62.<article> </article> specifies independent, self-contained content.
63.<header> </header> tag specifies a header for a document or section.
64.<button type="button">Click Me!</button> defines a clickable button
65.<div style="color:#0000FF"> </div> defines a division or a section in an HTML document.
used to group block-elements to format them with CSS. By default, browsers always place a line break before and after the <div> element.
66.<dir> </dir>used to list directory titles.
67.<dl></dl> defines the definition list)
68.<dt>Coffee</dt> defines the item in the list
69.<dd>Black hot drink</dd> used to describe an item in a definition list.
“Non-Standard”Characters
Non-standard characters are those that are not normally found on the keyboard
or those that you use for HTML commands. These include control characters (spaces,
angle brackets and some punctuation), graphics (em dashes and mathematical
symbols), and accented characters.
You can make non-standard characters appear on your web page by using the
character’s code name or the code itself.
To alert the browser that the next several digits are a code, all codes and code names
start with an ampersand (&)

Some Non-Standard Character Code Names


Code
Code Name
Description
&#34
&quot
Double Quotation Mark
&#38
&amp
Ampersand &
&#60
&lt
Less than sign <
&#62
&gt
Greater than sign >
&#160
&nbsp
Non-breaking space
 &#162
&cent
Cent sign ¢
&#163
&pound
Pound sterling £
&#169
&copy
Copyright symbol ©
&#174
&reg
Registerd trademark ®
&#188
&frac14
1/4
&#189
&frac12
1/2
&#190
&frac34
3/4
&#199
&Ccedil
Captial C,cedilla Ç
&#201
&Eacute
Capital E,acute accent É
&#214
&Ouml
Capital O,umlaut Ö
&#231
&ccedil
Small c,cedilla ç
&#233
&eacute
Small e, acute accent é
&#246
&ouml
Small o,umlaut ö