Scribd
Upload
52 views

Notes Intro To HTML

HTML was created by Tim Berners Lee in 1991 to define the structure and layout of web pages. It uses tags to denote elements like paragraphs, headings, lists, and more. HTML documents are created using a text editor and saved with a .html or .htm file extension, then viewed in a web browser which interprets the tags to display the structured page. Common tags include <p> for paragraphs, <b> for bold text, and <br> as a line break. Elements can have opening and closing tags that encapsulate content, or be empty tags that stand alone. Attributes like color can further specify details within tags.

Uploaded by

Rijaii Pranauv
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
52 views

Notes Intro To HTML

HTML was created by Tim Berners Lee in 1991 to define the structure and layout of web pages. It uses tags to denote elements like paragraphs, headings, lists, and more. HTML documents are created using a text editor and saved with a .html or .htm file extension, then viewed in a web browser which interprets the tags to display the structured page. Common tags include <p> for paragraphs, <b> for bold text, and <br> as a line break. Elements can have opening and closing tags that encapsulate content, or be empty tags that stand alone. Attributes like color can further specify details within tags.

Uploaded by

Rijaii Pranauv
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

HYPERTEXT MARKUP LANGUAGE (HTML)

1. Introduction to HTML
HTML was created by Tim Berners Lee in late 1991.
Different Versions of HTML are

HTML 2.0 1995


HTML 4.01 (Most widely used) 1999
HTML 5.0 (Current version) 2012

2. What is HTML?
HTML, otherwise known as Hyper Text Markup Language, is the
language used to create Web pages.
It is made up from two terms :
Hypertext – lets you to organize the information to be displayed.
Markup – Special code that tells the browser how to process the HTML
document.

3. Features of HTML
Easy to understand and use.
No additional software is required to execute the HTML code.
It allows to display different multimedia components in a web page.
It can be used with all kinds of browsers.

4. TAGS
Tag tells the browser how a web page should be displayed.
It starts with a less than sign (Open angle bracket) followed by the tag
name and ends with a greater than sign (Closing angle bracket).

Example: <P>
This tag is used to create a paragraph.
5. Types of tags
Opening tag <P>
Closing tag </P>
The closing tag is similar to the opening tag except it is preceded with a
forward slash.

6. Elements
An element consists of a starting tag also known as opening tag and an
ending tag also known as closing tag with the content in between.
Example : <TITLE> My First Web page </TITLE>

7. Types of elements
Container Element has both opening and closing tags.
Example : <B> Hello </B>

Empty element has only the opening tag.


Example : <BR>

8. Attributes
It provides additional information about the HTML element.
They are specified inside the opening tag after the tag name.
Example:
<FONT COLOR = “GREEN”>
In this example, Color is the attribute of the Font element, and green is
the value for the attribute.
9. Two basic tools are needed to create HTML documents
a. An HTML Editor to create and save the documents.
i. Example : Notepad
b. A web browser to view the documents.
i. Example : Internet Explorer

10. Creating and Saving HTML Documents


a. Open Notepad application by Clicking Start > All
Programs> Accessories> Notepad
b. Notepad window appears
c. Type the HTML code in Notepad.
d. Select File > Save as in the Notepad menu.
e. Save as dialog box appears
f. Select the location where you want to save the document
g. Name the file with .html or .htm extension
h. Click save button

11. Viewing HTML Documents


a. Open Internet Explorer by Clicking Start > All Programs>
Internet Explorer
b. Press Ctrl + O (or) File > Open
c. Open dialog box appears
d. Click Browse button
e. Internet Explorer dialog box appears
f. Locate and select the document you want to view
g. Click open
h. Open dialog box appears showing the path of the selected
document
i. Click ok
j. The selected document opens up in the Internet Explorer
***

You might also like