html body { margin-top: 50px !important; } #top_form { position: fixed; top:0; left:0; width: 100%; margin:0; z-index: 2100000000; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; border-bottom:1px solid #151515; background:#FFC8C8; height:45px; line-height:45px; } #top_form input[name=url] { width: 550px; height: 20px; padding: 5px; font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; border: 0px none; background: none repeat scroll 0% 0% #FFF; }
, and other elements. Empty elements like
do not require an end tag. The document also notes that HTML is not case sensitive.">
Scribd
Upload
19 views

Module 9 HTML Elements

The document provides an overview of HTML elements for a Grade 7 computer science class. It defines HTML elements as everything between a start and end tag. Common elements include headings (<h1>), paragraphs (<p>), and line breaks (<br>). Elements can be nested, with some containing others. For example, an HTML document consists of nested <html>, <body>, and other elements. Empty elements like <br> do not require an end tag. The document also notes that HTML is not case sensitive.

Uploaded by

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

Module 9 HTML Elements

The document provides an overview of HTML elements for a Grade 7 computer science class. It defines HTML elements as everything between a start and end tag. Common elements include headings (<h1>), paragraphs (<p>), and line breaks (<br>). Elements can be nested, with some containing others. For example, an HTML document consists of nested <html>, <body>, and other elements. Empty elements like <br> do not require an end tag. The document also notes that HTML is not case sensitive.

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

Quarter 4: Computer Science 1 for Grade 7 ICT and STE Program (Week 5)
Module 13: HTML Elements
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.

Prepared by: Ms. Mary Ann M. Santiago, SST-III


Reference: https://www.w3schools.com/html/html_intro.asp 1
Republic of the Philippines
Department of Education
Region III
Division of City Schools
OLONGAPO CITY NATIONAL HIGH SCHOOL
Olongapo City

It has a start tag <body> and an end tag </body>.


Then, inside the <body> element there are two other elements: <h1> and <p>:

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: __________

Prepared by: Ms. Mary Ann M. Santiago, SST-III


Reference: https://www.w3schools.com/html/html_intro.asp 2
Republic of the Philippines
Department of Education
Region III
Division of City Schools
OLONGAPO CITY NATIONAL HIGH SCHOOL
Olongapo City

Quarter 4: Computer Science 1 for Grade 7 ICT and STE Program

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

Prepared by: Ms. Mary Ann M. Santiago, SST-III


Reference: https://www.w3schools.com/html/html_intro.asp 3

You might also like