0% found this document useful (0 votes)
2 views

HTML

Uploaded by

schlouisemarcos
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)
2 views

HTML

Uploaded by

schlouisemarcos
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/ 2

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

You might also like