Presented By:
Urvisha A. Patel
HTML CONTENTS
• INTRODUCTION OF HTML
• OBJECTIVE OF HTML
• HTML TOOLS
• HTML TERMINOLGY
• HTML TAG
• HEAD TAG
• BODY TAG
• HOW TO CREATE AN HTML DOCUMENT
•
INTRODUCTION OF HTML
HTML stands for Hyper Text Markup Language.
HTML is a standard markup language for creating
Web pages.
With HTML you can create your own Website.
HTML describes the structure of a Web page.
HTML is not a programming language, it is a markup
language.
A markup language is a set of markup tags.
HTML uses markup tags to describe web pages.
HTML is easy to learn - You will enjoy it!
INTRODUCTION OF HTML
• HTML (Hypertext Markup Language) is used to create document on the World
Wide Web.
• It is simply a collection of certain key words called ‘Tags’ that are helpful in
writing the document to be displayed using a browser on Internet.
• It is a platform independent language that can be used on any platform such as
Windows, Linux and so on.
• To display a document in web it is essential to mark-up the different elements
(headings, paragraphs, tables, and so on) of the document with the
HTML tags.
To view a mark-up document user has to open the document in a browser.
INTRODUCTION OF HTML
HTML also provides tags to make the document look
attractive using graphics, font size and colors.
User can make a link to the other document or the
different section of the same document by creating
Hypertext Links also known as Hyperlinks.
OBJECTIVE OF HTML
create, save and view a HTML document
format a web page using section heading tags
describe Ordered and Unordered lists
explain graphics in HTML document
describe hypertext links and making text/image link
HTML TOOLS
• There are two tools of HTML.
a) HTML Editor: it is the program that one uses to
create and save HTML documents. They fall into
two categories:
- Text based or code based which allows one to see
the HTML code as one is creating a
document.e.g. Notepad.
- Netscape composer
HTML TOOLS
b) Web Browser: it is the program that one uses to view
and test the HTML documents. They translate Html
encoded files into text,image,sounds and other
features user see. Microsoft Internet
Explorer,Netscape,Mosaic Chrome are examples of
browsers that enables user to view text and images and
many more other World Wide Web featueres.They are
software that must be installed on user computer.
HTML TERMINOLGY
• Some commonly used terms in HTML are:
• a)Tag: Tags are always written within angles brackets. it is a piece
of text is used to identify an element so that the browser realizes
how to display its contents. e.g.<HTML> tag indicates the start
of an HTML document .HTML tag can be two types.
• They are:-
• -Paired Tags : If any html tag has a separate opening and a
separate closing tag, then such html tag is known as paired tag.
Ex: b, u, i, div, p, etc. (Contianer Tag)
• -Unpaired Tags: If any html tag has both opening and closing tag
in a single tag, then such html tag is known as unpaired tag.
Ex: br, hr, img, etc. (Empty Tag)
HTML TERMINOLGY
b) Attribute: HTML attributes provide additional information about HTML
elements.
All HTML elements can have attributes
Attributes provide additional information about elements
Attributes are always specified in the start tag
Attributes usually come in name/value pairs like: name="value“
<img src="img_girl.jpg" width="500" height="600">
c) DTD: Document Type Definition is a collection of rules written in standard
Generalized Markup Language(SGML).
HTML is define in terms of its DTDS. All the details of HTML tags, entities and
related document structure are defined in the DTDS.
HTML TERMINOLGY
d) ELEMENT: An HTML element is defined by a start tag, some content, and an
end tag.
The HTML element is everything from the start tag to the end tag:
<tag name>Content goes here...</tag name>
Examples of some HTML elements:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
HOW TO CREATE AN HTML DOCUMENT
The essential tags that are required to create a HTML
document are:
<HTML>.............</HTML>
<HEAD>.............</HEAD>
<BODY>.............</BODY>
HTML Tag <HTML>
• The <HTML> tag encloses all other HTML tags and
associated text within your document.
• It is an optional tag. You can create an HTML document
that omits these tags, and your browser can still read it and
display it. But it is always a good form to include the start
and stop tags. The format is:
• <HTML>
Your Title and Document (contains text with HTML tags)
goes here
• </HTML>
Most HTML tags have two parts, an opening tag and
closing tag. The closing tag is the same as the opening tag,
except for the slash mark e.g. </HTML>. The slash mark is
always used in closing tags.
An HTML document has two distinct parts HEAD and
BODY
• <HTML>
• <HEAD>
• .............
• .............
• .............
• </HEAD>
• <BODY>
• .............
• .............
• .............
• </BODY>
• </HTML>
HEAD Tag <HEAD>
• HEAD tag comes after the HTML start tag. It contains
TITLE tag to give the document a title that displays on
the browsers title bar at the top. The Format is:
<HEAD>
<TITLE>
Your title goes here
</TITLE>
</HEAD>
BODY Tag <BODY>
• The BODY tag contains all the text and graphics of the document
with all the HTML tags that are used for control and formatting
of the page. The Format is:
<BODY>
Your Document goes here
</BODY>
All the HTML documents should have the extension .htm or html.
It require a web browser like Internet
Explorer or Netscape Navigator/Communicator to view the
document.
First Program of HTML
• <html>
• <head>
• <title> demo </title>
• </head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
