HTML Introduction

1
HTML Introduction

• PART 1

2
HTML-The Standard

• Client-Server model of the Web
• Different browser server implementations
• Standard way to define web page
• Simple way to represent content
• Hypertext Markup Language
• Mark-up language, not programming

3
Structured Mark-up

• Ease browse implementation and rendering in
  various media
• W3C the World Wide Web Consortium
• Elements, Attributes and Entities

4
HyperText Document Structure

• Head Title
• Body
• Headers
• Paragraphs
• Lists
• Ordered
• Unordered

5
HTML Elements

• Simple Example
• Better Layout using Tables
• Navigation using Frames
• Forms
• Text formatting

6
Image Maps

• usemap attribute Browser Side
• Gives location of the map definition, may be
  within the same file or an external file
• ismap attribute Server Side
• The server handles the coordinate sent by the
  browser on mouse click

7
Head Elements

• BASE - Document base URL
• LINK - Document relationship
• META - Metadata
• SCRIPT - Client-side script
• STYLE - Embedded style sheet
• TITLE - Document title

8
META tag

• ltMETA HTTP-EQUIV"Content-Script-Type"
  CONTENT"text/javascript"gt
• sets the client-side scripting language for
  inline scripts to JavaScript.
• ltMETA HTTP-EQUIV"Content-Style-Type"
  CONTENT"text/css"gt
• sets the style language for inline styles to CSS.
  
• ltMETA HTTP-EQUIV"Content-Type"
  CONTENT"text/html charsetSHIFT_JIS"gt
• sets the character encoding for the document to
  SHIFT_JIS (a Japanese encoding).

9
META tag

• ltMETA HTTP-EQUIVRefresh CONTENT"10URLhttp//ww
  w.it.iitb.ac.in"gt
• tells the browser to refresh in 10 seconds
• ltMETA HTTP-EQUIVExpires CONTENT"Sun, 26 Jan
  2001 161835 GMT"gt
• sets the expiry date of the document.

10
Links to HTML Tutorials

• http//www.htmlhelp.com/reference/html40/
• http//www.w3schools.com/default.asp