HTML

1
HTML

• Hyper text markup language

2
HTML Tags

• Tags begin with a lt character and end with a gt
  character, and tell a browser to do something
  special, like show text in italic or bold, or in
  a larger font, or to show an image, or to make a
  link to another Web page.
• Although HTML has many tags you can use, you
  don't need to know them all to use HTML-- you can
  get by with just a handful
• The codes are not case sensitive

3
HTML example-1

• lthtmlgt
• ltheadgt
• lttitlegtHello, world under titlelt/titlegt
• lt/headgt
• ltbodygt Hello, world. lt/bodygt
• lt/htmlgt

4
Other tags

• ltigt lt/igt Make the text italic.
• lth1gt lt/h1gt lth2gt lt/h2gt lth3gt lt/h3gt lth4gt lt/h4gt
  lth5gt lt/h5gt lth6gt lt/h6gt Show different styles
  of "header" text, in descending order of
  importance (size).
• lthrgtPut a "horizontal rule" (line) in the page
• ltstronggt BSNL lt/stronggt

5
HTML example-2

• lthtmlgt
• ltheadgt
• lttitlegtHello, world under titlelt/titlegt
• lt/headgt
• ltbodygt
• lth1gtHello,lt/h1gt
• lth2gtworld. lt/h2gt
• lt/bodygt
• lt/htmlgt

6
Ordered unordered list and how it looks like in
Explorer

• This is an ordered list
• ltolgt
• ltligtFirst item
• ltligtSecond item
• ltligtThird item lt/olgt
• This is an unordered list
• ltulgt
• ltligtFirst item
• ltligtSecond item
• ltligtThird item lt/ulgt

• This is an ordered list
• First item
• Second item
• Third item
• This is an unordered list
• First item
• Second item
• Third item

7
Definition list how it looks

• Here's a definition list ltdlgt
• ltdtgtTerm 1
• ltddgtDefinition of Term 1
• ltdtgtTerm 2
• ltddgtDefinition of Term 2
• lt/dlgt

• Here's a definition list
• Term 1
• Definition of Term 1
• Term 2
• Definition of Term 2

8
Tables-how it looks

• lttable bordergt
• lttrgt
• lttdgtNorthwestlt/tdgt
• lttdgtNortheastlt/tdgt lt/trgt
• lttrgt
• lttdgtSouthwestlt/tdgt
• lttdgtSoutheastlt/tdgt
• lt/trgt
• lt/tablegt

9
Other special items

• Send feedback to
• lta href"mailtomyname_at_myhost.com"gtmelt/agt.
• 2. Getting a picture on the web page
• ltimg src"vanakkam.gif" altnot available
  width500 height500gt
• This a link to
• lta hrefram.html"gtRam's pagelt/agt.