Html Tutorial

Only available on StudyMode
  • Topic: HTML, World Wide Web Consortium, World Wide Web
  • Pages : 3 (302 words )
  • Download(s) : 123
  • Published : January 3, 2013
Open Document
Text Preview
2. Web page design with
HTML and CSS

2.1. Designing HTML documents

©2007, University of Colombo School of Computing

1

Main Reading
• Steven M. Schafer (2005), HTML, CSS, JavaScript® ,
Perl, Python®, and PHP Web Standards Programmer's
Reference, ISBN: 81-265-0620-2, Wiley Publishing Inc.,
USA (Indian Edition)

©2007, University of Colombo School of Computing

2

What is HTML?
• HTML was invented in 1990 by a scientist
called Tim Berners-Lee.
• The purpose was to make it easier for
scientists at different universities to gain
access to each other's research
documents.

©2007, University of Colombo School of Computing

3

What does H-T-M-L stand for?





H - Hyper
T - Text
M - Mark-up
L - Language

©2007, University of Colombo School of Computing

4

Versions of HTML
• W3C (World Wide Web Consortium) is the standard
organization which controls most of the standards used
in the Web.
• The versions of HTML that has been approved are






HTML 1.0
HTML 2.0
HTML 3.2
HTML 4
HTML 4.1 – Last of the HTML standards. Uses CSS for
document formatting instead of using parameters in HTML tags. – XHTML 1.0 (Extensible HTML) – The latest standard for Web documents. Designed to be used in XML-compliant
environments.
©2007, University of Colombo School of Computing

5

HTML Tags
• HTML markup tags are HTML element names enclosed
in angle brackets (< and >).
• Tags are the essential building blocks of HTML files.
• Tags embed the HTML element information into the
document, so that, an HTML interpreter will treat text
according to the associated HTML element function.
E.g. : My Home page

©2007, University of Colombo School of Computing

6

Document Tags
• Document tags define the overall structure of an
HTML document.
• A typical HTML document include the following
document tags:
– A document type tag, which starts with
tracking img