HTML - R.D.sivakumar

HTML
AUTHOR
R.D.SIVAKUMAR,M.Sc.,M.Phil.,M.Tech.,
Assistant Professor of Computer Science &
Assistant Professor and Head, Department of M.Com.(CA),
Ayya Nadar Janaki Ammal College,
Sivakasi – 626 124.
Mobile: 099440-42243
e-mail : sivamsccsit@gmail.com
website: www.rdsivakumar.blogspot.in
CO-AUTHOR
K.SIVAKAMI, B.Com. (CA)
Student of M.Com. (CA)
Ayya Nadar Janaki Ammal College,
Sivakasi – 626 124.

HTML
 HTML, which stands for Hyper Text Markup
Language, is the markup language for web pages.
 A markup language is a set of markup tags. HTML
uses markup tags to describe web pages.

HTML
 HTML is written in the form of HTML elements
consisting of “tags” surrounded by angle brackets
(like<html>)within the web page content.

 HTML tags normally come in pairs like<b> and </b>.
 The first tag in a pair is the start tag, the second tag
is the end tag They are also called opening tags and
closing tags.
HTML

 A web browser reads HTML documents and displays
them as web pages.
 The browser does not display the HTML tags, but
uses the tags to interpret the content of the page.
HTML

 HTML elements form the building blocks of all
websites.
 HTML allows images and objects to be embedded
and can be used to create interactive forms.
HTML

 It provides a means to create structured documents by
denoting structural semantics for text such as
headings, paragraphs, lists, links, quoted and other
items.
 It can embed scripts in languages such as JavaScript
which affect the behavior of HTMl WebPages.
HTML

 HTML can also be used to include Cascading Style
Sheets (CSS) to define the appearance and layout of
text and other material.
HTML

Example
<html>
<head>
<title>Hello HTML</title>
</head>
<body>
<p>Hello World! </p>
</body>
</html>
HTML

 The text between <html> and </html> describes the
web page, and The text between <body> and </body>
is the visible page content.
HTML

HTML documents are composed entirely of HTML
elements that, in their most general form have three
components:
• A pair of element tags, a “start tag” and “end tag”;
• Some element attributes within the start tag;
HTML Elements

HTML element
• Any textual and graphical content between the start
and end tags.
• The HTML element is everything between and
including the tags. Each tag is enclosed in angle
brackets.
• The general form of an HTML element is therefore:

• <tag attribute1=”value1”attribute2=”value2”>
• Content to be rendered
• </tag>
• The name of the HTML element is also the name of
the tag. The end tag’s name is preceded by a slash
character,”/”.
HTML element

Header of the HTML document:
<head>….</head>.Usually the title should be
included in the head, for example:
• <head>
• <title>Home Page of Yahoo<//title>
• </head>
Element examples

Headings:
HTML headings are defined with the <h1>
to <h6>tags:<h1>Heading1</h1>
• <h2>Heading2</h2>
Element examples

Paragraphs :
<p>Paragraph 1</p>
Line breaks:
<br>.
<p>This <br> is a paragraph <br> line
breaks</p>
Element examples

Comments:
<!—Explanation here
Comments can help understanding of the markup
and do not display in the webpage.
Element examples

There are three types of markup elements used in
HTML.
• Structural markup describes the purpose of text. For
example, <h2>Golf</h2> establishes “Golf” as a
second level heading
Element examples

• Presentational markup describes the appearance of
the text, regardless of its purpose.
• For example <b>boldface</b> indicates that visual
output devices should render “boldface” in bold text.
• Hypertext markup makes parts of a document into
links to other documents. An anchor element
Element examples

• Creates a hyperlink in the document with the href
attribute set to the link URL.
For example, the HTML markup,
• <a href=http://en.wikipedia.org/”> Wikipedia</a>
Element examples

• Will render the word “Wikipedia” as a hyperlink. To
render an image as a hyperlink, an ‘img’ element is
inserted as content into the ‘a’ element.
<a href=http://example.org>
<img src=”india.gif” width=”50”
height=”50”>
</a>.
Element examples

HTML - R.D.sivakumar

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (16)

Similar to HTML - R.D.sivakumar

Similar to HTML - R.D.sivakumar (20)

More from Sivakumar R D .

More from Sivakumar R D . (20)

Recently uploaded

Recently uploaded (20)

HTML - R.D.sivakumar