HTML
Hyper Text Markup Language
By
Dr. I. Uma Maheswari
iuma_maheswari@yahoo.co.in
Introduction
• It came into existence in 1989 by
researcher Tim Berners Lee.
• HTML helps in linking several related
information already stored in a computer
which can be accessed anywhere in the
world.
• It includes text, pictures and links to other
related documents.
• It is a non – case sensitive language.
Tools required
Things that are needed to create and access
a HTML document
1. A Text Editor
2. A Web Browser
3. A Graphics Tool
4. A Web server (Optional)
• Text Editor
– To write a HTML document code we need a
text editor or a word processor which saves
the documents in plain, flat, un styled ASCII
style text.
• Web Browser
– HTML requires a web browser to display the
document (web page) created using text
editor.
– The Browsers are MS Internet Explorer,
Netscape Navigator, Mosaic, Net cruiser, Mac
Web etc.
• A Graphics tool
– A web page consists of pictures and to get
them in the right format we require this tool.
(GIF – Graphics Interchange Format)
• A web server
– Any HTML document created with the help of
text editor and browser can be viewed only in
the local system in which it was created.
– When the same document has to be viewed
by others around the world it can be hosted
on a web server.
Starting a HTML Document
Step 1: Open Notepad
Start Program Accessories Notepad
Step 2:
Type the HTML Code
Step 3:
Save the code by giving a filename with an
extension HTML
To view the created HTML
document
Step 1: Open Internet Explorer
Start Program Internet Explorer
Step 2:
Click on file open, to open the file that you have saved
Step 3:
A dialog box appears, type the filename or browser
for the file.
• Locate the file by clicking on ‘browser’
button. Another dialog box appears.
• After locating the file, click on ‘open’
button.
• Now HTML page will be displayed on the
browser
Modifying HTML code
Step 1: To modify the HTML code, select view
source, now notepad window will be opened.
Step 2: Make required modifications.
Step 3: Save the file again.
Step 4: Now go to the browser window, click on
‘refresh; button or select view refresh or press
F5 key. The modified page will be displayed.

Computer language - HTML (Hyper Text Markup Language)

  • 1.
    HTML Hyper Text MarkupLanguage By Dr. I. Uma Maheswari [email protected]
  • 2.
    Introduction • It cameinto existence in 1989 by researcher Tim Berners Lee. • HTML helps in linking several related information already stored in a computer which can be accessed anywhere in the world. • It includes text, pictures and links to other related documents. • It is a non – case sensitive language.
  • 3.
    Tools required Things thatare needed to create and access a HTML document 1. A Text Editor 2. A Web Browser 3. A Graphics Tool 4. A Web server (Optional)
  • 4.
    • Text Editor –To write a HTML document code we need a text editor or a word processor which saves the documents in plain, flat, un styled ASCII style text. • Web Browser – HTML requires a web browser to display the document (web page) created using text editor. – The Browsers are MS Internet Explorer, Netscape Navigator, Mosaic, Net cruiser, Mac Web etc.
  • 5.
    • A Graphicstool – A web page consists of pictures and to get them in the right format we require this tool. (GIF – Graphics Interchange Format) • A web server – Any HTML document created with the help of text editor and browser can be viewed only in the local system in which it was created. – When the same document has to be viewed by others around the world it can be hosted on a web server.
  • 6.
    Starting a HTMLDocument Step 1: Open Notepad Start Program Accessories Notepad Step 2: Type the HTML Code Step 3: Save the code by giving a filename with an extension HTML
  • 7.
    To view thecreated HTML document Step 1: Open Internet Explorer Start Program Internet Explorer Step 2: Click on file open, to open the file that you have saved Step 3: A dialog box appears, type the filename or browser for the file.
  • 8.
    • Locate thefile by clicking on ‘browser’ button. Another dialog box appears. • After locating the file, click on ‘open’ button. • Now HTML page will be displayed on the browser
  • 9.
    Modifying HTML code Step1: To modify the HTML code, select view source, now notepad window will be opened. Step 2: Make required modifications. Step 3: Save the file again. Step 4: Now go to the browser window, click on ‘refresh; button or select view refresh or press F5 key. The modified page will be displayed.