Scribd
Upload
13 views

Module 9 HTML Elements

Uploaded by

Donna Shane Reyes
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
13 views

Module 9 HTML Elements

Uploaded by

Donna Shane Reyes
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Republic of the Philippines

Department of Education
Region III
Division of City Schools
OLONGAPO CITY NATIONAL HIGH SCHOOL
Olongapo City

Learning Objective: To identify and apply the different HTML elements.


An HTML element is defined by a start tag, some content, and an end tag.
HTML Elements
The HTML element is everything from the start tag to the end tag:
<tagname>Content goes here...</tagname>
Examples of some HTML elements:
<h1>My First Heading</h1>
<p>My first paragraph.</p>

Note: Some HTML elements have no content (like the <br> element). These elements are called empty elements. Empty elements do
not have an end tag!

Nested HTML Elements


HTML elements can be nested (this means that elements can contain other
elements).
All HTML documents consist of nested HTML elements.
The following example contains four HTML elements (<html>, <body>,
<h1> and <p>):

Example Explained
The <html> element is the root element and it defines the whole HTML
document.
It has a start tag <html> and an end tag </html>.
Then, inside the <html> element there is a <body> element:

The <body> element defines the document's body.


It has a start tag <body> and an end tag </body>.
Then, inside the <body> element there are two other elements: <h1> and
<p>:
Republic of the Philippines
Department of Education
Region III
Division of City Schools
OLONGAPO CITY NATIONAL HIGH SCHOOL
Olongapo City

The <h1> element defines a heading.


It has a start tag <h1> and an end tag </h1>:

The <p> element defines a paragraph.


It has a start tag <p> and an end tag </p>:

Never Skip the End Tag


Some HTML elements will display correctly, even if you forget the end tag:

Empty HTML Elements


HTML elements with no content are
called empty elements.
The <br> tag defines a line break, and
is an empty element without a closing
tag:

HTML is Not Case Sensitive


HTML tags are not case sensitive: <P> means the same as <p>.
The HTML standard does not require lowercase tags, but W3C
recommends lowercase in HTML, and demands lowercase for
stricter document types like XHTML.
HTML Tag Reference
W3Schools' tag reference contains additional information about
these tags and their attributes.

Name: ________________________________________ Grade & Sec: ____________ Date: __________


Republic of the Philippines
Department of Education
Region III
Division of City Schools
OLONGAPO CITY NATIONAL HIGH SCHOOL
Olongapo City

Check Your Progress 9


HTML Elements
Direction: Choose a word from the box to correctly answer each question. Write the letter on the blank.
a. <html>
b. <body>
c. <p>
d. <br>
e. <h1> to <h6>

1. ___________ This tag defines a line break

2. ___________ Defines the root of an HTML document

3. ___________ Defines the document's body

4. ___________ This element defines a paragraph.

5. ___________ Defines HTML headings

You might also like