Scribd
Upload
2 views

Introduction-to-HTML (1)

The document provides an introduction to HTML, explaining its purpose as a markup language for creating web pages. It covers the use of text editors, the structure of HTML tags, and how to view HTML code in a browser. Key concepts such as tags, attributes, and the document declaration (doctype) are also discussed.

Uploaded by

yhulsarchive
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

Introduction-to-HTML (1)

The document provides an introduction to HTML, explaining its purpose as a markup language for creating web pages. It covers the use of text editors, the structure of HTML tags, and how to view HTML code in a browser. Key concepts such as tags, attributes, and the document declaration (doctype) are also discussed.

Uploaded by

yhulsarchive
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

Introduction to

HTML
Objectives:

• Understand what is HTML


• Identify different text editors
• Use notepad to create HTML codes
• View HTML code in a browser
• Describe tags and attributes
• Understand the structure of a tag
WHAT IS HTML?
• HTML stands for Hyper Text Markup
Language
• It is a mark up language used for
creating web pages.
• A markup language then is a set of
interpretation to text that describes
how it is to be structured, laid out or
formatted
Text editing programs

Name Examples
Text editors Microsoft Windows
Notepad
Apple Macintosh TextEdit
HTML Editors Adobe Dreamweaver
Microsoft Expression
Word Processing Microsoft Word
Programs
Viewing HTML code in a browser
• Launch your web browser
• Browse to the desired page
• On the menu bar, click view and click Page
Source. You can also press alt key and click
View and click Page Source.
What is a Tag?

• Tags are basic units or building blocks of an HTML


file.
• They control how the HTML does its structuring,
laying out and formatting.
What is a Doctype!
• Is not an HTML tag but it is a document
declaration that helps the browser to display a
webpage correctly.

 <!DOCTYPE html>
Structure of a TAG
• Tags are enclosed in angle brackets < and >
example: <html>
 <html>
<head>
<title>ULS</title>
</head>
<body background=“winter.jpg” text=“ffffff ”>
<font size=“4”>Welcome to ULS!</font>
</body>
</html>
Name Description
Start tag Indicated in the start tag is the type of tag used. Also,
attributes are placed in the start tag.
Attributes They used to provide additional information about the
tag and go in name-value pairs separated by an equal sign
=

(a) Attributes are separated from one another by spaces.


Furthermore the order of the appearance is not
important
(b)Values are assigned property to an attribute. Values are
limited to 1,024 characters in length and may be case
sensitive. Values are usually enclosed in a single or
double quotes.
Content Everything between the start and end tag is
the content. The content is the one being
formatted by the tags to appear on the web
browser.
End tag It is used to signify the end of the tag and
ultimately, the range of the content of the tag.
End tags have a slash / as seen in the preceding
examples.

You might also like