Chapter 2 Lesson 1: Subject: Empowerment Technologies
Basic Web Page Creation
HTML
Stands for Hypertext Markup Language
Most common Tags
a standard markup (tags) language that is used <a> hyperlink
to create web pages and application. <b> bold text
Is called a Markup Language, since it uses a set <body> the document’s body
<li> list item
of markups or tags to show HTML content for <head> contains meta-data/information for the
display on a web page document
Its newest version released last 2014, is called <h1> to <h6> html headings
HTML version 5 <html> the root of an html document
<i> a part of text in an alternate voice or mood
Hyper – means “active” something that can be all <p> paragraph
<title> title of the document
over the place
Similarly, when you are on the internet using a
web browser, and see something you like on Classification of Tags
the web, you can immediately go to that page.
1. Paired Tags
Text – means that you can create web page in a these are the tags that comes in pair, are
simple “text " format composed of an opening tag (start) and
closing tag (end)
Markup – means that in creating web pages, you is sensitive, closing tag must have the same
type in text which is then “markup” or identified for case as the opening tag
proper rendering by your web browser it surrounds the content to give definition
so, HTML gives you a way to “mark up” your
text with tags that tell the browser how your
text is structured.
Language – means that you are using a language
with all its syntax
Syntax is a set of grammatical rules and
structural patterns that use appropriate words
and symbols or for issuing commands, writing 2. Unpaired Tags
codes. these are also called stand-alone tags,
because they do not require an end tag
How HTML works? these only provide information about your
It consists of series of codes which are called tags HTML document and do not affect the
typed into a text-file display of the contents once generated in
the web browser
The text is then saved as an HTML file, and can
be viewed using a browser. Examples:
The browser reads and interprets the file; <br> this will give you a “line break”, means that
composes text, image, and other materials into the text will move and start on the next line;
web pages similar when you press enter when typing
<hr> means “horizontal references”, this will
draw a horizontal line across your page
<meta> is used to store information usually relevant
to browsers and search engines
<title> title of the document
Chapter 2 Lesson 1: Subject: Empowerment Technologies
Basic Web Page Creation
Aside Element
Semantic Elements / Tags contains the content that is related the current
Gives better definition to some tags so they will topics but would disrupt the flow of the
be easier [to interpret by the browser] 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
simply lets the browser and search engines
know that it is related content
<article> this section contains independent, such as
magazine
<aside> content that is separated, but related to
the page content; similar to sidebar
<footer> The web page’s footer, contains; the
document, author, contact information,
copyright information, and links
<header> The web page’s header, contains;
introductory content, or navigation links
<hgroup> This groups headings and subheadings
where <h1 is the largest, and <h6> is the
smallest
<nav> The section defines the navigation links of
the web page
<section> The general content, or an application
section, may include; the home page
section
Article Element
is a part of HTML document that consists of a
“self-contained composition” that is
independent from the rest of the content in the
document
