Scribd
Upload
30 views11 pages

An Introduction To HTML.9279070.Powerpoint

HTML is a markup language used to describe web pages. It uses tags to structure and describe different types of content. An HTML file must have an .htm or .html extension and can be created with text editors or HTML editors. HTML pages have a basic structure that includes <html>, <head>, and <body> tags. Tags can have attributes that specify properties and behavior.

Uploaded by

MARDION ESTRERA
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
30 views11 pages

An Introduction To HTML.9279070.Powerpoint

HTML is a markup language used to describe web pages. It uses tags to structure and describe different types of content. An HTML file must have an .htm or .html extension and can be created with text editors or HTML editors. HTML pages have a basic structure that includes <html>, <head>, and <body> tags. Tags can have attributes that specify properties and behavior.

Uploaded by

MARDION ESTRERA
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 11

iFour Consultancy

HTML (Hyper Text Markup Language)


•A markup language is a set of markup tags
•A markup language is a set of markup tags

Introduction To HTML
 What Is HTML?
• Markup language for describing web pages
• HTML stands for Hyper Text Markup Language, a language with set of markup tags
• Documents are described by HTML tags
• Each HTML tag describes different document content
Creating HTML Pages
 An HTML file must have an .htm or .html file extension
 HTML files can be created with text editors:
• NotePad, NotePad ++, PSPad
 Or HTML editors (WYSIWYG Editors):
• Microsoft FrontPage
• Macromedia Dreamweaver
• Netscape Composer
• Microsoft Word
• Visual Studio
HTML Structure
 HTML is comprised of “elements” and “tags”
• Begins with <html> and ends with </html>
 Elements (tags) are nested one inside another:
<html> <head></head> <body></body> </html>
 Tags have attributes:
<img src="logo.jpg" alt="logo" />
 HTML describes structure using two main sections: <head> and <body>
HTML Code Formatting

 The HTML source code should be formatted to increase readability and facilitate
debugging
• Every block element should start on a new line
• Every nested (block) element should be indented
• Browsers ignore multiple whitespaces in the page source, so formatting is harmless
 For performance reasons, formatting can be sacrificed
First HTML Page
Test.html

<!DOCTYPE HTML>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<p>This is some text...</p>
</body>
</html>
First HTML Page: Tags
 An HTML element consists of an opening tag, a closing tag and the content
inside. Opening tag
<!DOCTYPE HTML>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<p>This is some text...</p>
</body>
</html>
Closing tag
First HTML Page: Header

<!DOCTYPE HTML> HTML header


<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<p>This is some text...</p>
</body>
</html>
First HTML Page: Body

<!DOCTYPE HTML>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<p>This is some text...</p>
</body>
</html>
HTML body
Some Simple Tags
 Hyperlink tags
<a href="http://www.telerik.com/"
title="Telerik">Link to Telerik Web site</a>
 Image tags
<img src="logo.gif" alt="logo" />
 Text formatting tags

This text is <em>emphasized.</em>


<br />new line<br />
This one is <strong>more emphasized.</strong>

10
Tags Attributes

 Tags can have attributes


• Attributes specify properties and behavior
• Example: Attribute alt with value "logo"
<img src="logo.gif" alt="logo" />

 Few attributes can apply to every element:


• Id, style, class, title
• The id is unique in the document
• Content of title attribute is displayed as hint when the element is hovered with the
mouse
• Some elements have obligatory attributes

You might also like