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

Hello! Have A Great Day!

A web page is a document that can be accessed over the Internet using a browser. HTML is the markup language used to define the structure and layout of a web page. Key HTML elements include <html>, <head>, <body>, <title>, <p>, and <b>. The <head> contains metadata like the page title that is not visible, while the <body> contains the visible page content. Common tags in the <body> are used to define paragraphs, headings, breaks, and bold text.
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
98 views

Hello! Have A Great Day!

A web page is a document that can be accessed over the Internet using a browser. HTML is the markup language used to define the structure and layout of a web page. Key HTML elements include <html>, <head>, <body>, <title>, <p>, and <b>. The <head> contains metadata like the page title that is not visible, while the <body> contains the visible page content. Common tags in the <body> are used to define paragraphs, headings, breaks, and bold text.
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

HTML Tags: Creating a Simple Web Page

A Web Page is a document that can be accessed by the Internet users using an
HTML browser (such as Microsoft, Mozilla Firefox). By providing the browser with a
unique address, or UNIFORM RESOURCE LOCATOR (URL), you open that page with
that address.

HTML is short for HYPERTEXT MARK-UP LANGUAGE


HYPERTEXT - is simply a piece of text that works as a link
MARKUP LANGUAGE- is a way of writing layout information within documents

HTML works in a very straightforward manner. All you need is to type in your text
and your tags.

ELEMENTS- also called tags. This describes the meaning of the text they
contain, rather than how the enclosed text should be displayed.
ANGLE BRACKETS <> - used to indicates that the following word is an
element or tags

THE <HTML> Tags


TAG
<html>
<body>
<h1> to <h6>
<p>
<br>
<hr>
<!-->

DESCRIPTION
Defines an HTML document
Defines the documents body
Defines header 1 to header 6
Defines a paragraph
Inserts a single line break
Defines a horizontal line
Defines a comment

A beginning tag is generally a word surrounded by brackets. The closure (or ending)
tag is surrounded by the same brackets but with a forward slash right after the
opening bracket.
For example, if you want to make a bold portion of a sentence, then you use <b>
for the opening tag and </b> for closing.
Lets say you want to make bold the word Hello! in the sentence below. Your HTML
code the should look like this: <b>Hello!</b> Have a great day!
Hello! Have a great day!
REQUIRED ELEMENTS FOR HTML DOCUMENTS
An HTML document consists of:
1. Head elements
2. Body elements

3. Graphic elements
<HTML>
<HEAD>
<<
<TITLE>
How to Make Your Own Web Page
</TITLE>
</HEAD>
<BODY>

***MAY KULANG PA DITO***


The Page Structure

HEAD

BODY

The head is used for text and tags that do not show directly the page.
The body is used for text and tags that are shown directly on the page.
<html>
<head>
<title> replace with your documents title
</title>
</head>
<body> replace with your documents
content
</body>
</html>

The <Head> Elements Wrapped in <Head> </Head>

The head section begins with a <HEAD> tag. Do not type any extra text
between the <HEAD> and </HEAD> tags. In most cases, the only lines you
will insert between those tags are your document titles.
It has no attributes and serves only to contain the other tags that make up
the head section.
The <head> tag may contain any of the following tags that define and
manage the content of the document.
Finally, all web pages have an <html> tag at the beginning and the end,
telling the browser where the documents and where it stops.

<html>
<head>
<!-- This section is for the title and techical info of
the page. -->
</head>
<body>
<!--This section is for all that you want to show on
the page. -->
</body>
The <TITLE> Elements Wrapped in <Title> </Title>
<TITLE></TITLE> where title is meaningful in context outside of.
***May kulang dito***
The <BODY> Elements Wrapped in <Body></Body>

The body section contains most of the text, graphics, hypertext links and
other information that will appear on the page.
All formatting tags, which describe the content and appearance of your
document, are placed in the body section.
Sometimes it is easier to type <Body> and </Body> tags on separate lines
right away and then fill in the rest of your HTML document between them.

And here is how it is rendered in your browser:


The HyperBit International, Inc.
304 Ortigas Avenue
Mandaluyong City, Phil. 1550

The <BODY> Tag Attributes


ATTRIBUTE
BGCOLOR

BACKGROUND

FUNCTION
Controls the background
color of the page. It is
expressed as a mixture of
red, green and blue (RGB).
It allows you to place a
picture or image in the
background of your
page.The value specified
in the background
attribute is path or URL,
for the background image
you have selected.

FORMAT
<BODY
bgcolor=yellow> or
<BODY
bgcolor=#FFFF00>
<BODY
background=alps.gif>

You might also like