Powered by Blogger.

Contact

Popular Posts

Friday 16 August 2013

HTML Tags

Published on: 02:10 by Sagar Gopani - Leave a Comment



NoTagAttribExplanationExample
1HTML Mark the very start and very end of a html file. 
2HEAD Mark the first part of the html file which contains the title.<HEAD> <TITLE> My Homepage </TITLE> </HEAD>
3TITLE Title of the whole html page, displayed in the title bar of the web browser<HEAD> <TITLE> My Homepage </TITLE> </HEAD>
4BODY Body of the html file, which contains all other tags and contents. 
5BODYBACKGROUND =Set the background image<BODY BACKGROUND="image1.jpg">
6BODYBGCOLOR =Set the background color<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC">
7BODYTEXT =Set the text color<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC">
8BODYLINK =Set the link color<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC">
9Hn HTML has six headings, numbered 1 through 6, with 1 being the largest. Typically displayed in larger and/or bolder fonts.<H1> Chapter 1. Introduction </H1>  <H2> 1.1 What is html? </H2>
10P Mark one paragraph. </P> can be omitted if following is a paragraph too.<P>Paragraph 1.</P>
<P>Paragraph 2.</P>
11PALIGN =Align the paragraph<P ALIGN="CENTER">Centered paragraph</P>
12ALIGN= Can be LEFT, CENTER, RIGHT. Can be put into paragraph tag, heading tag, caption tag, etc.<P ALIGN="CENTER">Centered paragraph</P>
<H2 ALIGN="CENTER">Centered heading 2</H2>
13UL Mark the beginning and end of a unnumbered list<UL>   <LI>Item 1</LI> <LI>Item 2</LI> <LI>Item 3</LI> </UL>
14LI Each list item. No end tag is needed.<UL>   <LI>Item 1 <LI>Item 2  <LI>Item 3  </UL>
15OL Mark the beginning and end of a numbered list<OL>   <LI>Item 1 <LI>Item 2  <LI>Item 3  </OL>
16DL Mark the beginning and end of a definition list, which is used list terms and their descriptions.<DL>  <DT> Term 1 <DD>Description 1 <DT>Term 2 <DD>Description 2  </DL>
17DT Definition term<DL>  <DT> Term 1 <DD>Description 1 <DT>Term 2 <DD>Description 2  </DL>
18DD Definition description<DL>  <DT> Term 1 <DD>Description 1 <DT>Term 2 <DD>Description 2  </DL>
19PRE Enclose any paragraphs of text which is displayed exactly as it is typed -- normally spaces is ignored in html files.<PRE> This is several lines of preformatted text. </PRE>
20BLOCKQUOTE Enclose any paragraphs of quoted text, which will be indented.<BLOCKQUOTE> <P>Paragraph 1 <P>Paragraph 2 </BLOCKQUOTE>
21BR Put it at where you want a line break. There is no extra space between these lines as between paragraphs.<P> Where do I begin<BR>to tell the story<BR>of how great love can be</P>
22HR Horizontal line as separator<HR SIZE=4 WIDTH="50%">
23HRSIZEThe thickness of the horizontal line<HR SIZE=4 WIDTH="50%">
24HRWIDTHThe width of the horizontal line<HR SIZE=4 WIDTH="50%">
25DFN For a word being defined. Typically displayed in italics.<DFN>Characters to be defined</DFN>
26EM For emphasis. Typically displayed in italics.<EM>Characters to be emphasized</EM>
27CITE For titles of books, films, etc. Typically displayed in italics.<CITE>Name of the book</CITE>
28CODE For computer code. Displayed in a fixed-width font.<CODE>Computer codes</CODE>
29KBD For user keyboard entry. Typically displayed in plain fixed-width font.<KBD>Some characters</KBD>
30SAMP For a sequence of literal characters. Displayed in a fixed-width font.<SAMP>Compiler error message</SAMP>
31STRONG For strong emphasis. Typically displayed in bold.<STRONG>ATTENTION!</STRONG>
32VAR For a variable which will be replaced in real use by specific information. Typically displayed in italics.Java souce code file looks like <VAR>filename</VAR>.java.
33FONTSIZE <font size=?></font> 
34FONTCOLOR  
35    
36B Bold type font<B>ATTENTION!</B>
37I italic type font<I>To be or not to be, that is the question.</I>
38TT typewriter type font. Fixed-width.<T>Some characters</T>
39&lt Escape sequence for <. Case sensitive! 
40&gt Escape sequence for >. Case sensitive! 
41&amp Escape sequence for &. Case sensitive! 
42A A link can be pointing to a html, image, animation or sound file. Format is <A HREF= "location"> displayed text> </A>Refer to <A HREF= "http://java.sun.com/docs/books/ tutorial/">Java tutorial</A> for details.
<A HREF="ani1.mov">See the movie…</A>
<A HREF="sound1.wav">the music…</A>
43AHREF =Mark the location of the target file. Could be a relative location or an URL.Refer to <A HREF="http://java.sun.com/docs/books/tutorial/">Java tutorial</A> for details.
44ANAME =Insert a bookmark in a file, so that others can jump to here.This is the end of our love story.<A NAME="Bottom">
45A#A hyperlink which can jump to a specific bookmark in the same or another file<A HREF="lovesto1.htm#Bottom">My love story… </A>
46AMAILTO:A hyperlink which can send email<A HREF="MAILTO: frank_liu_silan@hotmail.com"> Contact me… </A>
47A An image which can be used as hyperlink. Just replace the displayed text of a normal hyperlink with a normal image tag.<A HREF="http://www.monash.edu.au"><IMG SRC= "monashlogo.jpg" WIDTH="100" HEIGHT="25" ALT="Monash Logo"></A>
48IMGSRC =An in-line image<IMG SRC="frank1.jpg">
49IMGWIDTH =Width of the in-line image<IMG SRC="frank1.jpg" WIDTH="30" HEIGHT="50">
50IMGHEIGHT =Height of the in-line image<IMG SRC="frank1.jpg" WIDTH="30" HEIGHT="50">
51IMGALIGN =Align the text with the image, can be "TOP", "CENTER", "BOTTOM".<IMG SRC="frank1.jpg" WIDTH="30" HEIGHT="50" ALIGN="CENTER">
52IMGALT =Text substitute of the image<IMG SRC="frank1.jpg" WIDTH="30" HEIGHT="50" ALT="Logo of Monash">
53IMGBORDER =Define the thickness of the black image border<IMG SRC="frank1.jpg" WIDTH="30" HEIGHT="50" ALT="Logo of Monash" BORDER="5">
54IMG An image which can be used as hyperlink. Just replace the displayed text of a normal hyperlink with a normal image tag.<A HREF="http://www.monash.edu.au"><IMG SRC= "monashlogo.jpg" WIDTH="100" HEIGHT="25" ALT="Monash Logo"></A>
55TABLE Mark the start and end of a table<TABLE>………</TABLE>
56TABLEBORDER =Border thickness of a table<TABLE BORDER="3">…..</TABLE>
57TABLEWIDTH =Width of a table cell. Supresses the width of cells on top of it. 
58TABLEHEIGHT =Height of a table cell. Supresses the height of cells on its left side. 
59TABLEALIGN =Horizontal alignment of a cell. Can be LEFT, CENTER, RIGHT.<TD ALIGN="CENTER">….</TD>
60TABLEVALIGN =Vertical alignment of a cell. Can be TOP, CENTER, BOTTOM.<TD VALIGN="BOTTOM">…</TD>
61TABLECOLSPAN =Number of columns a cell spans<TD COLSPAN="2">….</TD>
62TABLEROWSPAN =Number of rows a cell spans<TD ROWSPAN="3">….</TD>
63TABLENOWRAPTurn off the word wrapping in a cell<TD NOWRAP>….</TD>
64TABLECELLSPACING =Sets amount of space between table cells<table cellspacing = "5">…..</table> 
65TABLECELLPADDING =Sets amount of space between a cell's border and its contents<table cellpadding = "5">….</table> 
66TABLE   
67CAPTION The caption or title of the table.<CAPTION ALIGN="CENTER">Employee Information Form</CAPTION>
68TR One row of a table<TR>…….</TR>
69TH One header cell of a table. By default bold and centered.<TH>……</TH>
70TD One data cell of a table.<TD>….</TD>
71FORM Declaring a form<FORM METHOD = post action = "http://localhost/servlet/Test">….</FORM>
72INPUTTYPE = TEXTA text field. "Address" will be the name of the parameter sent back to the server, and the value will be user input. Default value will be "25 Grand Av.".<INPUT TYPE=TEXT NAME=Address VALUE="25 Grand Av." SIZE="20" MAXLENGTH="20">
73INPUTTYPE = PASSWORDSame as text. User input will be displayed as "*".<INPUT TYPE=PASSWORD NAME=password VALUE="123ABC">
74INPUTTYPE = FILEDisplay a text field and a “Browse” button, which will bring out a OS dialog to browse a file. The full path of this selected file will be sent as the parameter value, e.g. “c:\my documents \index.Html”<INPUT TYPE=FILE  NAME=FileLocation  ACCEPT=image/*>
75INPUTTYPE = RADIOAll radio controls with the same name ("Animal") belongs to the same group.<INPUT  TYPE=RADIO  NAME=Animal VALUE=dog>
76INPUTTYPE = CHECKBOXIf the checkbox is checked, the posted parameter will have a value of  “on”. If it is not checked, the posted parameter list will simply not include this parameter.<INPUT  TYPE=CHECKBOX  NAME=Horse>
77INPUTTYPE = HIDDENThis control is hidden on the html page and may be used for session tracking<INPUT TYPE=HIDDEN  NAME=HiddenParameter VALUE="Hidden value">
78INPUTTYPE = SUBMITSubmit parameters of all controls in the form<INPUT  TYPE=SUBMIT  NAME=Submit1 VALUE=Submit1>
79INPUTTYPE = IMAGEUse image as submit button. The (x, y) coordinate of the click point on the image will also be posted.<INPUT TYPE=IMAGE  NAME=ImageSubmit SRC="car.jpg"  BORDER="0">
80INPUTTYPE = RESETReset controls in the form<INPUT  TYPE=RESET VALUE=Reset>
81TEXTAREA Text area.<TEXTAREA  NAME=Name  COLS=40  ROWS=10 WRAP=SOFT>Comment…</TEXTAREA>
82SELECT Without SIZE, it is a drop-down select. With SIZE, it is a scrolling select, and SIZE defines the number of items shown. When it is a scrolling select, you can also put MULTIPLE to allow multiple selection.<SELECT  NAME=Dept  SIZE=2  MULTIPLE>
<OPTION VALUE=Value1>Displayed1</OPTION>
<OPTION VALUE=Value2>Displayed2</OPTION>
<OPTION VALUE=Value3>Displayed3</OPTION>
</SELECT>

by :http://progtutorials.tripod.com

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)