Scribd
Upload
13 views31 pages

COMPUTER LESSON 2 HTML and The World Wide Web

The document is an introduction to HTML, explaining its importance as the backbone of web pages and its integration with various markup languages and scripts. It covers the structure of HTML documents, including tags, attributes, and values, as well as the distinction between empty and container tags. Additionally, it includes true/false questions to assess understanding of the material presented.

Uploaded by

irma sanchez
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
13 views31 pages

COMPUTER LESSON 2 HTML and The World Wide Web

The document is an introduction to HTML, explaining its importance as the backbone of web pages and its integration with various markup languages and scripts. It covers the structure of HTML documents, including tags, attributes, and values, as well as the distinction between empty and container tags. Additionally, it includes true/false questions to assess understanding of the material presented.

Uploaded by

irma sanchez
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/ 31

How could you explain to

someone over the phone


how to draw the following
web page?
How could you explain to
someone over the phone
how to draw the following
web page?
INTRODUCTION
TO HTML
HTML AND THE
WORLD WIDE WEB

PRESENTATION BY KAROL SOTELO


LEARNING
OBJECTIVES
• To know the importance of HTML in the
Internet
• To be aware of the different applications of
HTML over the Internet
• To know what are the building blocks of a HTML
document
• To know what is the syntax for a standard
HTML Tag
WHAT IS
HTML?
• Hypertext Markup Language
(HTML) is the backbone of almost
any web page avilable today, it
can be integrated with a variety of
markup languages and scripts
making the webpage functions as
if they are programs running on a
browser.
WHAT IS
HTML?
• HTML is basically just a text file
containing series and
combinations of texts (markup
language) which the browser
interprets to display as stated in
the text content of the HTML file.
WHAT IS
HTML?
• Some web sites are designed to be
simple so that access time on
browsers will be faster especially
when users are using computers
on dial-up speeds to access the
internet.
Some of the markup languages and
scripts used in the web pages today
include:

• Javascript and Ajax


• PHP
• XML
• ASP
• JSP
• .Net
These scripts and languages extend
the functions of HTML. Web pages
can be more interactive, dynamic,
and functional.
• Javascript and Ajax
• PHP
• XML
• ASP
• JSP
• .Net
WHAT IS A
TAG?
WHAT IS A
TAG?
• These are the building blocks of
the HTML code. They are
indicators of how a certain object
or property will appear on the
output page. These tags are
enclosed in pointed braces and
contain the keywords that define
the function of the tag.
EXAMPLES:
• To assign a white background color and
blue text for the BODY of the HTML
document:
<body style=”color:blue” bgcolor=”white”>
We put here the contents of the HTML
Document.
</body>
EXAMPLES:
• To display the text in Italics, we enclose
the text in container tags:
The word <i> italics </i> should be
displayed as such.

• To display the a new line:


<br>
WHAT ARE THE
DIFFERENT
TYPES OF
TAG?
EMPTY TAGS
• are tags that do not
require closing tags. As
seen in the third
example, there is no
closing tag required for
<br> tag.
CONTAINER
TAGS
• require an opening tag to
designate the start of the
tag/property/attribute
and a closing tag to
denote the end of that
tag/property/attribute.
WHAT ARE
ATTRIBUTES?
PROPERTY/
ATTRIBUTE
• additional information attached to
certain tags to give a more
detailed description of what the
tags should stand for. These are
placed on the opening tags only.
PROPERTY/
ATTRIBUTE
• Attributes can be none to several.
Multiple attributes within a single
opening tag may be added.
• Tag attributes are separated by
one or more spaces.
• Order of appearance is not
important.
VALUE
• the value assigned to the
property or the attribute.
this may be numeric or a set
of strings or Scripts.
VALUE
• Most attributes must be
assigned a value. Values are
often enclosed by an opening
and a closing single (‘) or double
quotes (“) but not a combination
of both except for nested values.
One single quote will close
another unpaired single quote.
This is also true for double
quotes
VALUE
• Nested Values - are values of the
attribute which contain internal
assignment statements
(e.g. style = ‘color:”blue”’). The pair
of single quotes (‘) encloses the pair
of double quotes (“) for consistency.
VALUE
• Values are limited to 1024
characters in length and may be
case sensitive.
SCRIPTS
• are lines of codes designed to
run with the HTML codes for a
better execution of the output
page.
1.The basic component of almost
all the well-known web sites is
HTML.

TRUE FALSE
2. HTML stands for Hypertext
Madeup Language: a standard for
web computing nowadays.

TRUE FALSE
3. HTML cannot combine with other
markup languages and scripts to
extend its capabilities and further
making the dynamic web pages.

TRUE FALSE
4. HTML is basically just a text file
containing series and combinations
of images which the browser
interprets to display as stated in the
image content of the HTML file.

TRUE FALSE
5. Some web sites are designed to
be simple so that access time on
browsers will be slower especially
when users are using computers on
dial-up speeds to access the
internet.
TRUE FALSE

You might also like