History of HTML How It Works Basics HTML Codes Examples
History of HTML How It Works Basics HTML Codes Examples
Presented on 29th July 2009
by Manu Krishnan T.V
(www.tvmanukrishnan.co.cc)
● History of HTML
● How it Works
● Basics HTML Codes
● Examples
What is HTML?
● HTML stands for ? ? ? ?
What is HTML?
● HTML stands for Hyper Text Markup Language
● It is the 'basic' authoring language used to create
documents on the World Wide Web
History of HTML
● Highly related to the history of Internet
● Developed in 1990's as Internet started
● Related terms:
● HTTP
● URL
● Tim BernersLee was the primary author of html,
assisted by his colleagues at CERN, an international
scientific organization based in Geneva, Switzerland
History of HTML
● Different companies started producing web
browsers and implemented proprietary codes
specific to them
● Netscape, Internet Explorer
● Lead to problems in standards
● A website seen in a good way in a browser will not
be the same in other
History of HTML
● Organization known as the World Wide Web
Consortium(W3C) now works for the
standardisation of HTML
● Advancements of HTML
● DHTML
● XHTML
How HTML works?
● Unlike C, C++ and other languages, HTML dosen't
require a library or a transalator like Compiler
● HTML codes are directives to the web browsers and
they decode it directly
● Each browser has its own way for decoding and
hence pages viewed in different browsers may
slightly differ
How HTML works?
● HTML is platform independent
● HTML codes are written in any text editor and
saved with an extension .htm or .html
● Gedit or VIM in GNU/Linux
● Notepad or Wordpad in Windows
● Open the file in a web browser
Its that simple
HTML Editors
● For easier HTML code generation HTML editors
can be used
● NVU
● Kompozer
● Dreamweaver
● Frontpage / Publisher
Basic HTML
● HTML codes need not follow the exact grammer
● HTML codes are case insensitive
● HTML codes are organised as Tags
● Each HTML tag have specific attributes
● Attributes are optional
● No Variables or Operands
Basic HTML Tags
● <HTML> </HTML>
● <HEAD> </HEAD>
● <TITLE> </TITLE>
● <BODY> </BODY>
● BACKGROUND, BGCOLOR
Basic Formatting
● <B> </B>
● <I> </I>
● <U> </U>
● <P> </P>
● ALIGN
● <FONT> </FONT>
● COLOR, FACE, SIZE
● <CENTER> </CENTER>
Basic HTML Tags
● <BR>
● <HR>
● <IMG>
● SRC, ALT, WIDTH, HEIGHT, BORDER
● <A> </A>
● HREF, TITLE, TARGET
Basic HTML Tags
● <UL> </UL>, <OL> </OL>
● <LI> </LI>
● <TABLE>
● <TR> </TR>
● <TD> </TD>
Special Tags
● <DIV> </DIV>
● <MARQUEE> </MARQUEE>
● DIRECTION
● <SCRIPT> </SCRIPT>
● <META>
● <LINK>
● <FRAME> </FRAME>, <IFRAME> </IFRAME>
Doubts???
Thanks...