Scribd
Upload
1 views

HTML Tags and Their Functions

The document is a presentation on HTML tags, detailing their functions and applications in web design. It covers various HTML tags such as <abbr>, <a>, <article>, and <video>, explaining their purposes and syntax. The presentation aims to help students understand and demonstrate the proper use of HTML tags in web development.

Uploaded by

Raida Lucman
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
1 views

HTML Tags and Their Functions

The document is a presentation on HTML tags, detailing their functions and applications in web design. It covers various HTML tags such as <abbr>, <a>, <article>, and <video>, explaining their purposes and syntax. The presentation aims to help students understand and demonstrate the proper use of HTML tags in web development.

Uploaded by

Raida Lucman
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 30

HTML TAGS AND

THEIR FUNCTIONS
PRESENTERS:
ABNIEL WALID S. PINCIAO
AALIAH KYLA MACASO
OBJECTIVES:
At the end of this lesson students will be able to:

1. Understand the uses, function, and application of


different HTML tags.
2. Familiarize the know-how of the HTML tags.
3. Demonstrate the proper execution of HTML syntax
using the different HTML tags.
Knowledge check!

Did ever used


this software?
Knowledge check!

Have you ever


tried browsing
using these?
Knowledge check!

Who among of
you here already
have their own
websites?
DID YOU
KNOW?
HTML
HYPERTEXT MARKUP LANGAUGE
- is the standard markup language for documents
designed to be displayed in a web browser.
- It defines the meaning and structure of web content.
- It is often assisted by technologies such as Cascading
Style Sheets and scripting languages such as
JavaScript.
HTML TAGS
- Building blocks of a WEB DESIGN or WEB PAGE as a
whole.
- It is an elements that follows command inputted by a user
in a “tag”. It may also consist of attributes depending on the
function and declaration of the tag.
- <> for opening and </> for closing tags.
INTRODUCING
THE DIFFERENT HTML TAGS
AND THEIR FUNCTIONS THAT
ARE COMMONLY USED IN
DESIGNING A WEB PAGE.
!DOCTYPE html
<!DOCTYPE html>

According to the HTML


specification or standards, every
HTML document requires a
document type declaration.
ABBREVIATION
<abbr title=” “> … </abbr>

The abbreviation tag in


HTML is used to define the
abbreviation or short form of
an element.
ANCHOR
<a herf=” “> …</a>

The anchor tag in HTML is used


to create a hyperlink on the
webpage
ARTICLE
<article>..</article>
The <article> tag is one of the new
sectioning element in HTML5. The tag
is used to represent an article
AUDIO
<audio>..</audio>
It is a useful tag if you want to
add audio such as songs,
interviews, etc. on your
webpage.
BREAK
<br>
The break tag inserts a single
carriage return or breaks in the
document. This element has no
end tag.
BUTTON
<button type = “button”>

The button tag in HTML is used


to define the clickable button.
<button> tag is used to submit
the content.
CENTER
<center> Contents.</center>

The center tag in HTML is used


to set the alignment of text in
the center. Not supported in
HTML5.
COMMENT
<!–…–>

The comment tag is used to insert


comments in the HTML code
DEFINE
<dfn>Contents</dfn>

The define tag in HTML


represents the definition
element and is used to represent
a defining instance in HTML.
DIVISION
<div>Contents</div>

The div tag is used in HTML to make


divisions of content in the web page
(text, images, header, footer,
navigation bar, etc).
EMBED
<embed attributes>
It is used as a container for
embedding plug-ins such as
flash animations.
FONT
<font attribute = “value”>
Content </font>
The font tag in HTML plays an
important role in the web page
to create an attractive and
readable web page.
FOOTER
<footer> … </footer>
The footer tag in HTML is used
to define a footer of HTML
document. This section contains
the footer information.
HEADINGS
<h1>Heading1</h1>
<h2>Heading2</h2>
An HTML heading tag is used to
define the headings of a page. These
6 heading elements are h1, h2, h3, h4,
h5, and h6; with h1 being the highest
level and h6 being the least.
HORIZONTAL
RULE
<hr>

The hr tag in HTML stands for


horizontal rule and is used to
insert a horizontal rule.
TABLE
<table>… </table>
The marquee tag in HTML is used to
create scrolling text or images on a
webpage. It scrolls either horizontally
HTML Table, various ways to
implement it, & will also understand
its usage through the examples.
HTML Table is an arrangement of
data in rows and columns, or possibly
in a more complex structure
VIDEO
<video src=”” controls> </video>

HTML5 Vide o, along with


knowing the different ways to
add the videos to the HTML
page.
ANY
QUESTIONS?
REFERENCES
https://www.geeksforgeeks.org/html-tags-a-to-
z-list/

http://ide.geeksforgeeks.org/online-html-
editor/469d139f-22c3-4c68-b6c4-
e29e0e7587cb
THANK YOU FOR
LISTENING!
PRESENTERS:
ABNIEL WALID S. PINCIAO
AALIAH KYLA MACASO

You might also like