0% found this document useful (0 votes)
2 views

Introduction to HTML

This document serves as a beginner's guide to HTML, explaining its purpose as a markup language for creating web pages. It covers essential concepts such as HTML tags, document structure, and the tools needed to create and view HTML documents. Additionally, it introduces key terminology and the objectives of using HTML in web development.

Uploaded by

karen.dagpin
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views

Introduction to HTML

This document serves as a beginner's guide to HTML, explaining its purpose as a markup language for creating web pages. It covers essential concepts such as HTML tags, document structure, and the tools needed to create and view HTML documents. Additionally, it introduces key terminology and the objectives of using HTML in web development.

Uploaded by

karen.dagpin
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 22

INTRODUCTION

TO HTML
Beginner’s Guide
HTML CONTENTS
Introduction of HTML
Objective of HTML
World Wide Web
HTML Tools
HTML Terminology
How to Create a HTML Document
Saving and Viewing a HTML Document
Text Tags
Special Character
Advantages of HTML
Disadvantages of HTML
INTRODUCTION OF HTML
HTML is a language for describing web
pages.
HTML stands for Hyper Text Markup
Language.
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 (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, Macintosh, and so on. To
display a document in web it is essential to
mark-up the different elements (headings
, paragraphs , tables , and soon) .
To view a mark-up document user has to
open the document in a browser. A
browser understands and interpret the
HTML tags, identifies the structure of the
document (which part are which) and
makes decision about presentation (how
the parts look) of the document.
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.
WORLD WIDE WEB
The World Wide Web (abbreviated as WWW
or W3 and commonly known as the Web)is a
system of interlinked hypertext documents
accessed via the Internet. With a web
browser, one can view web pages that may
contain text, images, videos, and other
multimedia and navigate between them via
hyperlinks.
HTML TOOLS
There are two (2) 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 (ex. Notepad).
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.
MS Explorer, Netscape, Mosaic and Chrome
are examples of browsers that enables user
to view text and images and many more
other WWW features.
HTML TERMINOLOGY
Some commonly used terms in HTML are:
Tag - Tags are always written within
angle brackets. It is a piece of text that is
used to identify an element so that the
browser realizes how to display it’s
contents.
Ex. <HTML> tag indicates the start of an
HTML document.
HTML tag can be two types, They are :

Paired Tags : A tag is said to be a paired


tag if text is placed between a tag and its
companions tag. In paired tag, the first
tag is referred to as opening tag and the
second tag is referred to as closing tag.
Unpaired Tags : An unpaired tag does not
have a companion tag. Unpaired tag also
known as singular of Stand-Alone tags.

Ex. <br>, <hr> etc.


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 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. Ex.</html>. The slash mark is always
used in closing tags.

You might also like