Scribd
Upload
44 views

Applying The Advance HTML Tags: Lesson 6

The document discusses new semantic HTML5 tags that aim to make documents easier to create and change by giving better definition to some tags. It provides examples of tags such as <article>, <aside>, <header>, and <footer> and describes what content they contain.

Uploaded by

Kim Howard Lalap
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
44 views

Applying The Advance HTML Tags: Lesson 6

The document discusses new semantic HTML5 tags that aim to make documents easier to create and change by giving better definition to some tags. It provides examples of tags such as <article>, <aside>, <header>, and <footer> and describes what content they contain.

Uploaded by

Kim Howard Lalap
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 10

Applying the Advance

HTML Tags
LESSON 6
Introduction
HTML5 is an easy technology to
learn and only requires a basic
understanding to build a web page.
Semantic HTML
 These new tags aim to make documents easier to create and change.
 Gives better definition to some tags so they will be more
understandable to humans and web browsers.
 Deals with tags and class names or ID usage that support the meaning
of the content within the tags.
<div id = “header”>

DIV tag is a division or ID or Class name defines the


section of web page content. specific parts of an HTML document.
In the new HTML5 semantic tags, the name of the tag reflects its
purpose. It will help both developers and browsers get the purpose of the
markup tags.
TAGS DESCRIPTION
This section contains independent content such
<article> as magazine or newspaper articles, blog posts,
or similar content.
This defines content that is separate from but
<aside> related to the page content; similar to a sidebar
in book chapters and magazine articles.
This defines the web page footer for a
<footer>
document or section.
This defines the web page header for a
<header>
document or section.
Continuation…
TAGS DESCRIPTION
This groups headings and subheadings where
<hgroup> <h1> is the largest and <h6> being the
smallest.
The section defines the navigation links of
<nav>
the web page.
This defines general content or an application
section. It may include the home page section
<section>
such as the Introduction, News, and Contact
Information
The Article Element
Defines a part of an HTML document that consists
of a self-contained composition that is independent
from the rest of the document.
Common examples in the use of the <article> tags
include magazine articles and blog entries.
The Aside Element
Contains the content that is related to the current
topic but would disrupt the flow of the document.
This content gives a more detailed look at the
topic through the use of related reading links, or
display definitions for keywords in the paragraph.
The Header and Footer Elements
The header element describes a header for a document,
section, or article. It provides an introduction or a set of
navigation links.
The footer element describes the footer for a document
or section. It generally contains information about the
document such as the author’s name, copyright data, and
related links.
The Section Element
Defines a segment in a document, such as the
chapter or parts of a web page wherein content is
different from each other.
Generally, it contains at least one heading that
defines the information that appears as web content.

You might also like