0% found this document useful (0 votes)
16 views5 pages

Information Sheet About HTML

The document provides information about HTML (Hypertext Markup Language) including common tags such as <a>, <b>, <body>, <br>, <div>, <h1>, <img>, <li>, <ol>, <p>, <span>, lists tags like <ul>, <ol>, <li>, and navigation menu types. It discusses learning objectives to understand HTML tags and apply HTML knowledge. Examples are given of different HTML lists and terms are defined for the description list tags <dl>, <dt>, and <dd>. Reflection expresses having listened to groupmates to refresh HTML knowledge and appreciation for working together on the report.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
16 views5 pages

Information Sheet About HTML

The document provides information about HTML (Hypertext Markup Language) including common tags such as <a>, <b>, <body>, <br>, <div>, <h1>, <img>, <li>, <ol>, <p>, <span>, lists tags like <ul>, <ol>, <li>, and navigation menu types. It discusses learning objectives to understand HTML tags and apply HTML knowledge. Examples are given of different HTML lists and terms are defined for the description list tags <dl>, <dt>, and <dd>. Reflection expresses having listened to groupmates to refresh HTML knowledge and appreciation for working together on the report.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

INFORMATION SHEET 1.3.3.

REPUBLIC
OF THE PHILIPPINES
TECHNOLOGICAL UNIVERSITY OF THE
PHILIPPINES
COLLEGE OF INDUSTRIAL EDUCATION
PROFESSIONAL INDUSTRIAL EDUCATION
DEPARTMENT
Ayala Blvd, Ermita, Manila, 1000 Metro
Manila

HTML REPORT

I. Learning Objectives:

1. learn and expound the knowledge about HyperText Markup Language


2. Understand and appreciate different Tags of html
3. Perform and apply the acquired knowledge in executing different tag of html

II. Discussions

What is HTML?

• HTML stands for Hyper Text Markup Language

• HTML is the standard markup language for creating Web pages

• HTML describes the structure of a Web page

• HTML consists of a series of elements

• HTML elements tell the browser how to display the content

• HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link",
etc.

COMMON TAGS:

• <a> for link


• <b> to make bold text

• <strong> for bold text with emphasis

• <body> main HTML part

• <br> for break

• <div> it is a division or part of an HTML document

• <h1>... for titles

• <i> to make an italic text

• <i> to make an italic text

• <img> for images in document

• <ol> is an ordered list, <ul> for an unordered list

• <li> is a list item in bulleted (ordered list)

• <p> for paragraph

• <span> to style part of text

HTML LISTS TAGS

• <ul>Defines an unordered list

• <ol>Defines an ordered list

• <li>Defines a list item

• <dl>Defines a description list

• <dt>Defines a term in a description list

• <dd>Describes the term in a description list

UNORDERED HTML LIST

• An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.

• The list items will be marked with bullets (small black circles) by default

ORDERED HTML LIST

• An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.

• The list items will be marked with numbers by default

HTML DESCRIPTION LISTS


• HTML also supports description lists.

• A description list is a list of terms, with a description of each term.

• The <dl> tag defines the description list, the <dt> tag defines the term (name), and the <dd> tag
describes each term.

NAVIGATION MENU

• Navigation Menu

• Main purpose of Navigation Menu

• Importance of Navigation Menu

• Simple

• Brief

• Prominent

• Accurate

TYPES OF NAVIGATION BAR

• Standard Horizontal Menu

• Hamburger Menu

• Mega Menu

• Scroll Triggered

• Vertical Sidebar Navigation

• Footer Navigation Bar


III. Documentation
IV. Reflection
After the reporting, I listend to my groupmates to know more the html and to
refresh my knowledge about this. I remmember that html is like putting
everything you want to your webpage then let the system works for it. You just
need the basic tags and then you are now able to make simple to finest design of
your webpage. I like html because it is like typing weird texts but behind those
weird texts, there was a progress that eventually will turn to good final outcomes,
which is the wonderful design of your webpage. I also learned from Sir. Von
Opon`s demonstration and by that it refreshed my mind again to keep and
improve my html knowledge. I would like to say congratulations on my
groupmates because of the job well done here and I`m hoping to work again
together with them.

You might also like