What is html?
Html stands for Hypertext Mark up language
It is most widely used language to write web pages
Hypertext refers to the way in which web pages are linked
together, when you click a link in a web page, you are using
Markup language describes how html works. With a
markup language, you simply “mark up” a text document
with tags that tell a web browser how to structure it to
Html is used to create or design web pages
A html document is nothing but a web page
To execute a html document we require a browser
What is browser?
A browser is a program that can interpret(translates)
the html document
We can use any browser to execute the html document
Internet Explorer, Google Chrome, Mozilla fire Fox,
How to execute HTML Document?
To execute html document we need to specify the
URL(Uniform Resource Locator) in the address bar of
url (uniform Resource Locator) is the primary naming
scheme using which we identify a web resource.
A web resource can be html document (or) any other
Internet is the biggest network that follows client
A client is a machine that sends a request to the server
A server is a machine that responds to the client
request by sending same resource or information.
A client machine always sends a request or receives a
response, to do this client requires a browser also
called as client-side software
Html tags are used to mark up html elements
The html tag is a command the web browser interprets(translates)
The html tags are surrounded by less than and greater than characters. These
characters are called as angular brackets(<,>)
The html tags always come in pairs that is a starting tag and closing tags i.e
The text in between the starting tag and ending tag is called as element content.
All the html tags are predefined tags
The html tags are not case sensitive that is the uppercase letters and lower case
letters are same.
The entire html document must be written in between html starting tag (<html>)
and html closing tag </html>
The <html> tag in a document represents that the document is a html document
What does html document
Html document can contain text and/or html tags
Html document sections
The entire html document is divided into two parts:
(1) head section
(2) body section
Html document sections: (1) head section
Head section is for description the html document.
Providing general information about the html
Example: title, meta
Html document sections: (2) Body Section
By using Body section we can display text, images in
The head section will not considered as part of the data
in the browser.
HTML editor like:
Writing HTML Using Notepad or Text Edit
HTML can be edited by using a professional HTML editor
1. Adobe Dreamweaver
2. Microsoft Expression Web
3. Coffee Cup HTML Editor
However, for learning HTML we recommend a text editor
like Notepad (PC) or Text Edit (Mac). We believe using a
simple text editor is a good way to learn HTML.
Follow the 4 steps below to create your first web page with
Step 1: Start Notepad
To start Notepad go to:
A procedure to write and execute the html
<title> First html </title>
<body> Welcome to html
Step 2: Edit Your HTML with
Type your HTML code into your Notepad:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
Step 3: Save Your HTML
Select Save as.. in Notepad's file menu.
When you save an HTML file, you can use either the
.htm or the .html file extension. There is no difference,
it is entirely up to you.
Save the file in a folder that is easy to remember
Step 4: Run the HTML in Your
Start your web browser and open your html file from
the File, Open menu, or just browse the folder and
double-click your HTML file.
Comments in html
(1) single line comments
(2) Multiline comments
Html comments are used to provide information (or)
used to explain the code.
The comments are Non-executable statements which
are ignored by the browser.
The html comments must begin with <!--.. And end
(1) Single line comments
(2) Multiline comments
<! This is my
First html program
Error free language
Html language is an error free language that is when
the browser encounters an error in the html document
it will not display any error message
Every html tag given the information to the browser
Browser contains interpreter that executes the html
Each tag which gives the information to the browser
If you want to provide additional information we
should use attributes
Attributes should be declared in starting tag
A particular slide catching your eye?
Clipping is a handy way to collect important slides you want to go back to later.