Vous êtes sur la page 1sur 24

HTML & Web Hosting

5th April 2010

● History of HTML
● How it works
● Basic HTML tags
● Examples
● Basics of hosting a website

   
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 Berners­Lee 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

   
An example code

<html>
  <head>
    <title>Hello HTML</title>
  </head>
  <body bgcolor=”red”>
    <h1 align=”center”>Hello World!</h1>
  </body>
</html>
   
Basic HTML Tags
● <HTML> </HTML>
● <HEAD> </HEAD>
● <TITLE> </TITLE>
● <BODY> </BODY>
● BACKGROUND, BGCOLOR

   
Basic Formatting
● <B> </B>
● <I> </I>
● <U> </U>
● <BIG> </BIG>, <SMALL> </SMALL>
● <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>
● <TH></TH>
● <TR> </TR>
● <TD> </TD>

   
Special Tags
● <DIV> </DIV>
● <MARQUEE> </MARQUEE>
● DIRECTION
● <SCRIPT> </SCRIPT>
● <META>
● <LINK>
● <FRAME> </FRAME>, <IFRAME> </IFRAME>
● <!­­ This is a comment ­­>
   
Doubts???

   
Web Hosting
● Domain name
● Web Space
● Control Panel
● FTP / File Manager

   
FTP Softwares
● Filezilla – Cross Platform
● CoreFTP – Windows
● Net2ftp ­ http://www.net2ftp.com/

   
Mozilla Addons
● Firebug
● Web Developer
● FireFTP

   
Doubts???

   
More reference
● W3Schools ­ http://www.w3schools.com/

   
Thanks...

   
Contact me

Manu Krishnan T.V

Ph: +91­999­511­0874
E­Mail: tvm@bizzard.info
URL: http://www.bizzard.info/

   

Vous aimerez peut-être aussi