HTML stands for Hyper Text Markup Language.
HTML was developed by Tim Berners-Lee.
HTML is maintained by World Wide Web Consortium(W3C).
HTML first introduced in 1991 as HTML tags.
Extended from SGML and extended to XHTML.
Why HTML??? ?
HTML is Hyper Text Markup Language, as Hypertext refers to the
process of linking text to data on the interne while markup means
modification so HTML is a language that is used or that allow user to
organize and improve the appearance of text on internet.
HTML is used to create and design WebPages. Site authors use
HTML to format text as titles and headings, to arrange graphics on a
webpage, to link to different pages within a website, and to link to
HTML is easy to learn and use.
HOW TO CREATE HTML
Start All Programs Accessories Notepad
Write HTML code in Notepad
Step 3: Save the file with .html or .htm extension.
Step 4: Open the .html file with any of the Web browser.
HTML element is everything from the start tag to the end tag.
<p> This is Paragraph</p>
<p> is opening tag and </p> is closing tag.
*always close the opening tag.
Attributes provide additional information about an element.
<a href="http://www.facebook.com">This is a link</a>
* Attribute values should always be enclosed in quotes.
Headings are defined with the <h1> to <h6> tags.
<h1> This is a Heading </h1>
*The size of Heading decreases as we do from h1 to h6.
HTML documents are divided into paragraphs.
<p>This is paragraph</p>
Defines bold text
Defines italic text
Defines stronger text
The HTML <a> tag defines a hyperlink.
A hyperlink (or link) is a word, group of words, or image
that you can click on to jump to another document.
<a href="url">Link text</a>
In HTML, images are defined with the <img> tag.
<img src="url" alt="some_text">
*src stands for source and url have path of image stored in desktop.
• Tables are defined with the <table> tag.
*A table is divided into rows (tr) and each
rows are divided into data cells. Data cells
have table data(td), and table border can
be set by using <table border=“1”> tag.
List are of two type :
<h4>An Unordered List:</h4>
An Unordered List:
<h4>An Ordered List:</h4>
An Ordered List:
* HTML forms are used to pass data to the server.
HTML forms can contains elements like Textbox, Radio buttons ,submit buttons
and more… .
Forms are written under <form> tag .
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
Password: <input type="password" name="pwd">
<input type="radio" name=“city" value=“delhi">Male<br>
<input type="radio" name=“city" value=“kolkata">Female
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
I have a Bike
I have a car
Username: <input type="text" name="user">
<input type="submit" value="Submit">
HTML become more stylish and easy to use after
combination of CSS(Cascading Style Sheet) and
CSS was introduced along with HTML 4.0 to
provide better style.
CSS IN HTML
CSS can be added to HTML in three ways:
Inline: It is applied for single occurrence of events.
For inline <style> tag is used.
<p style="color:blue;margin-left:20px;">This is a paragraph.</p>
Internal: it is used if one single document has a unique style.
This is written inside <head> tag.
External: When one style is applicable to many pages then this style is
<link rel="stylesheet" type="text/css" href=“filename.css">
DIFFERENCE BETWEEN HTML AND XML
It is Client Site Scripting
It is Server site Scripting
All the tags are predefined
User defined tags are available
It cann’t be compiled
It can be compiled
It can display the web pages
It cann’t be displayed
It is not case sensitive
It is case sensitive
•HTML Hyper Text Markup Language
•XML Extensible Markup Language