The HTML stands for Hyper Text Mark Up Language and it is used to create the webpages using the following HTML tags. One can navigate from one page to other using hyperlinks.
COMMONLY USED HTML TAG LIST FOR CREATING WEBPAGES
<!--...--> Defines a comment
<!DOCTYPE> Defines Document Type
<HTML> </HTML> This Tags to start & end the HTML webpage.
<HEAD> </HEAD> This Tags to start & end the header of the HTML webpage.
<TITLE> </TITLE> This Tags to start & end the Title of the webpage, it is used to display the Title on the title bar of the browser.
<BODY> </BODY> This Tags to start & end the Body of the webpage.
HYPERLINK
LINK Link color- Display the color of hyperlink, default color is “BLUE”.
VLINK Visited link Color -. Changes the color after klicking on hyperlink. Default value is “PURPLE”.
ALINK Active link Color -. Changes the color of hyperlink on which a mouse has been pressed but not clicked.
e.g. <BODY LINK=”BLUE” VLINK=”PURPLE” ALINK=”RED”>
<A> </A> Inserts a link
HREF Defines the URL of the linked page
<A href=”www.idapsu.blogspot.com”>IDA For CPSU</A>
NAME Defines an anchor
<A NAME=”Statistics”> Statistics</A> OR
<A href=”#Statistics”> Statistics</A> It will go down to the section named Statistics in the same webpage.
HEADINGS
<H1> </H1> Size of heading
.
.
<H6> through </H6> Size of heading FONT
<STRONG> </STRONG> Creates bold text
<BLOCKQUOTE> </BLOCKQUOTE> Indents margins on sections of text i.e. quotes/ definitions.
<EMPHASIS> </EMPHASIS> Italicizes text
<U> </U> Underlines text
<FONT> </FONT> To set the font color, face & size:
COLOR Set the font color
FACE Set the font type
SIZE Set the font size
Example: <FONT COLOR=”BLACK” FACE=”Times New Roman” SIZE=11>
PARAGRAPH
<P> </P> To start a& end the new paragraph.
<BR> Break Line
<HR> Draw Horizontal Line
<SUP> </SUP> This tag superscripts text
<SUB> </SUB> This tag subscripts text
FORM
<FORM></FORM> These Tags used to Create Form
<BUTTON> Creates Button.
<INPUT TYPE="SUBMIT" value="SEND"> Creates BUTTON
<FRAMEST></ FRAMEST > Defines the frames
LIST
Ordered List
<OL> </OL> To start & end the ordered listing.
Unordered List
<UL> </UL> To start & end the unordered listing.
<UL TYPE=”square”> This Tag is used to display the type of bullet (“square” OR “disc” OR “circle”).
<LI> </LI> This tag used to make each list item of List.
IMAGE
<IMG SRC> Inserts an image
ALIGN to set the alignment (TOP, MIDDLE, BOTTOM, LEFT, RIGHT)
ALT Inserts an alt tag that will display when the mouse rests on the image
BORDER Set the border width
HEIGHT Set the height of the image
WIDTH Set the width of the image
HSPACE Set the horizontal space that separates the image from the text
VSPACE Set the vertical space that separates the image from the text
Example: <IMG SRC=”stat.gif” ALIGN=MIDDLE BORDER=1
HEIGHT=150 WIDTH=120 VSPACE=5 HSPACE=5>
TABLE
<TABLE> </TABLE> To start & end the Table
OR
<TABLE ALIGN= LEFT OR CENTER OR RIGHT></TABLE> Using Table Alignment
<CAPTION></CAPTION> Defines Table Caption
<TH> </TH> Indicates the beginning and end of a table heading cell
<TR> </TR> Indicates the beginning and end of a table row
<TD> </TD> Indicates the beginning and end of a table data cell
<TABLE BGCOLOR=”GREY”> It sets the whole table background color to Grey.
<TABLE BORDER=5> It sets the border width of 5 pixels
<TABLE CELLSPACING=5> It sets the 5 pixel spacing between the cells.
CELLPADDING Spacing within cells.
<TABLE CELLPADDING=4> It sets the 4 pixel space around all borders of each cell.
COLS It sets the number of columns.
WIDTH Table width w.r.t. window width.
<TABLE WIDTH=90%> It will set the width of table 90% of the window.
<TR> </TR> ALIGN horizontally aligns the row (LEFT, CENTER, RIGHT, JUSTIFY)
BGCOLOR Sets background color for row
VALIGN Vertically aligns the row (TOP, MIDDLE, BOTTOM)
BGCOLOR Sets background color for cell
COLSPAN Sets number of columns spanned by a cell
ROWSPAN Sets number of rows spanned by a cell
VALIGN Vertically aligns cell (TOP, MIDDLE, BOTTOM)
<CENTER> </CENTER> Centers the enclosed text horizontally on the page.
<CITE> </CITE> Display the enclosed text as citation.
<DL> </DL> To Start & end of the definition list.
<DT> </DT> Display the enclosed text as a term in a term list.
<DD> </DD> Display the enclosed text as a definition in a definition list
<DIV> </DIV> Display a division/section in a document.
AUDIO
