Welcome to ITM Web100 Training Program

Lesson 3
SOME MORE HTML
" HTML codes can be learnt only by practicing, start using these tags in your web pages."
Today we will learn some more HTML tags, here are some of them


Today's Tags 


 Headers
 Text Styles
 Fonts
 Paragraphs and Breaks
 Lines
 Links & Anchors
 Lists
 Images
 Background

Headers 

Header 1:
 <H1> </H1>

Header 2:
 <H2> </H2>

Header 3:
 <H3> </H3>

Header 4:
 <H4> </H4>

Header 5:
 <H5> </H5>

Header 6:
 <H6> </H6>
Back to Index


Styles 
Bold: <B> </B>

Italics: <I> </I>

Underlined: <U> </U>

Monospace: <TT> </TT>

Blink: <BLINK> </BLINK> Netscape only feature










Fonts


Note: Preform formatting will make fonts fixed-width and thin. 

Font 9: <FONT SIZE=9> </FONT>

Font 8: <FONT SIZE=8> </FONT>

Font 7: <FONT SIZE=7> </FONT>

Font 6: <FONT SIZE=6> </FONT>

Font 5: <FONT SIZE=5> </FONT>

Font 4: <FONT SIZE=4> </FONT>

Font 3: <FONT SIZE=3> </FONT>

Font 2: <FONT SIZE=2> </FONT>

Font 1: <FONT SIZE=1> </FONT>


Back to Index









Paragraphs & Breaks





New Line Break: <BR>          Note: these two do not follow on/off rule.

New Paragraph: <P>

Center Text: <CENTER> </CENTER>


Back to Index








Lines (Graphic Separators)






Example below of Line, <HR Width=150 Size=7 NOSHADE>


Example below of Line, <HR Size=4>




Back to Index








Links & Anchors



Link: <A HREF="url"> </A>      Note: where url is the protocol & location.

Anchor: <A HREF="#name"> </A>       

        <A NAME="name">





Back to Index













IMAGES



Inline image: <IMG SRC=" " ALIGN=" " ALT=" ">

External image:> <A HREF=" "> </A>

Button image: <A HREF=" "><IMG SRC=" " ALT=""></A>





Back to Index








BACKGROUNDS
Supported only by Netscape 1.1N


About Backgrounds
Background color: <BODY BGCOLOR="#?"></BODY>

Background wallpaper: <BODY BACKGROUND="file.gif"><BODY>

Background\text color: 
      <BODY BGCOLOR="#?" text="#?" link="#?" alink="#?" vlink"#?">
      </BODY>

Background wallpaper\text color:
      <BODY BACKGROUND="file.gif" text="#?" link="#?" alink="#?" vlink"#?">
      </BODY>

Would you like the color codes to replace the ?
 ?

Would you like to choose a sample backround wallpaper for 
Check this out ?



Back to Index