the place where it is appropriate for your

name or business to appear.

Top
Level
Domain
(TLD)
The
combination of letters at the end can
indicate the type of site.
Country There are over 2000 national
TLDs such as .ph for the Philippines or
.ca for Canada.
Web Tv-viewing web pages on a desktop
computer monitor or a notebook computer,
you can view web pages.
Personal Digital Assistant- a popular type
of handheld computer.
Writer/Editor you create and revise the
text that visitors read when they visit a
web site.
Multimedia Developer they can design
and produce animation, digital video and
audio, 2D and 3D models and other medial
elements to include in a website.
Artist/Graphic Designer they create
original art such as logos or styled type
and frequently.
Web Page Designer its primary role is to
convert text into HTML documents.
Web Programmer it must be highly
skilled
in
advanced
programming
language.
Command- is an instruction that helps the
user tell the computer what to do.
Types of Toolbar
Tool panel includes commands that
you will use most frequently including
back, forward, stop, home, and print.
Address Panel shows the web
address of the site you are displaying.
Links Panel it is used to accesses up
to five cool and useful sites that you
can add to your own links.
HTML stands for HyperText Markup
Language. This is the language used to
create link Web pages together.
special instructions called tags.

Title - displays the browsers title bar. It is

Terms

Internet is a large computer network that is

made up of thousands of networks
worldwide.
World Wide Web a system of Internet
servers that supports hypertext to access
several Internet protocols on a single
interface.
HyperText - is a document containing
words/links that connect to other documents.
HTML tags are placed within the text to
accomplish document formatting, visual
features such as font size, italics and bold,
and the creation of hypertext links.
Tim Berners- Lee he is the web founder and
developed in 1989 and he coordinates the
efforts of standardizing HTML.
Web page or webpage is a document or
resource of information that is suitable for the
world wide web and can be accessed through
a web browser and can be displayed on a
computer screen.
Website is a collection of related web
pages, images, videos or other digital asserts
that are hosted on a web server which is
usually accessible via the Internet.
Personal The web offers unique
opportunities or individuals.
Commercial A small business person
and the CEO of an international
corporation share a common goal for
their commercial web sites to promote
and sell products and services.
Web Browsers It is a specific software
program that allows the display of
webpages.
URL Uniform Resource Locator it is
located in the browsers address bar or
location field.
HTTP (Hypertext Transfer Protocol) the
text version of a numeric address for each
computer
Protocol Web URLs begin with http
protocol.
www Many URLs begin with www
Domain Name: The middle term or domain is

the name assigned to the page if you add it to

the browsers list of favorites.
Heading - A larger font size text, usually bold
or italic in style, showing the different
sections of a page.
Horizontal Rules - inline images that display
lines across the page to separate different
sections
Image - Graphics, icons, bullets, line photos,
or pictures that are not part of the HTML file
Image map - a type of inline image that
defines hotspots. These are the areas that
activate functions when selected
Normal text -the text that makes up the main
content of the Web Page.
Background - the wallpaper of the Web page.
It can be a solid color, a picture or a graphic,
or default standard with white or gray
background.
Body - Contains the information of the
browser window.
Animated Images - Inline images that include
motion and animation. These images are
more attractive to the user.
Links - Text, phrases, or graphics that help
the user to navigate more on the Web page.
By clicking the links, the browser goes to a
location in a file or to request a file from the
server.
Text formatting it is a powerful tool for
organizing the content of your Web pages and
for easier navigation.
Lists structure it is an outline format that
helps you itemize information.
Three types of lists:
Unordered lists it appear in place of the
number next to the item.
Ordered Lists It is sequential numbers
appear. It is an ideal format for steps,
rankings, and other sets of information
for which order is stressed.
Definition List in this type of list, the
information is displayed in a term
definition format.
List Item tag it denotes an item on the list.
Definition List tag it denotes a definition

list terms and definition content.

Definition Term tag it contains a term to
be defined in the definition list.
Terms Definition tag it contains a terms
definition.
Text formatting- is the appearance of your
work. This is where the formatting of the
content comes in. You can put pictures,
links to other documents, and text or link
to other files.
Types of Text Formatting
Text-Level Formatting is formatting
for a text or a group of text. Font
format and the phrase format.
Block Level Formatting- it controls
the paragraph or block of paragraphs.
You can indent, left or right align or
center a paragraph or block of
paragraphs.
Boldface tag it contains text in boldface
image.
Big tag it contains text to be rendered in
a font size bigger than the default size.
Font tag it contains the text properties to
be modified.
Italics tag it contains text which you
want to be italic in format.
Strikethrough tag it contains the text to
be marked.
Small tag it contains text to be rendered
in a font size smaller than the default size.
Subscript tag it contains the text to be
rendered as a subscript to the text that
precedes it.
Superscript tag it contains the text to be
rendered as a superscript to the text that
precedes it.
Typewriter text tag it contains the text to
be rendered in a fixed width font or some
kind of typewriter font.
Underline tag it contains text to be
rendered with an underline
Acronym tag it contains a tag that
specifies an acronym.
Emphasize tag it contains the text to be

emphasized.
Strong tag it contains the text to be
rendered strongly emphasized.
Tables- are used to present data for scientific
research, sales figures, class schedules, and
sports statistics, among others.
Graphics it is used to enhance the
appearance of your Webpage.
Image Tag it is used to insert images under
the same folder.
Marquee Moving text and images can be
displayed within a document using the
marquee tag.
Hyperlinks or Links are used to connect
Web pages of different Websites or Web
servers anywhere in the world.
Link it is the color without a mouse over it
or before being visited. The default color is
usually blue.
Vlink it controls the color of a link that has
been clicked or visited. The default color is
usually green or red.
Alink it controls the color of a link on
which a mouse has been pressed but not
clicked. The default color is usually green or
red.
Frames it is used to divide the browser
window into parts, each of which appears as
a separate HTML documents.
Frameset tag It tells the browser to get
more files to be placed on the page.
HTML forms are used to pass data to a
server.
Input element is used to select user
information.
CSS stands for Cascading Style Sheets Styles
define how to display HTML elements Styles
were added to HTML 4.0 to solve a problem
A CSS rule has two main parts:
The selector is normally the HTML element
you want to style.
Each declaration consists of a property and a
value.
The property is the style attribute you want to
change. Each property has a value.
A CSS declaration always ends with a

semicolon ; , and declaration groups are

surrounded by curly brackets. {}
Comments are used to explain your code,
and may help you when you edit the
source code at a later date..
Begins with "/*", and ends with "*/"
Two types of selectors:
The id selector is used to specify a
style for a single, unique element.
The id selector uses the id
attribute of the HTML element,
and is defined with a "#".
The class selector is used to specify a
style for a group of elements.
The class selector uses the HTML
class attribute, and is defined with
a "."
There are three ways of inserting a style
sheet:
An external style sheet is ideal when
the style is applied to many pages.
With an external style sheet, you can
change the look of an entire Web site
by changing one file. Each page must
link to the style sheet using the <link>
tag. The <link> tag goes inside the
head section:
<head>
<link
rel="stylesheet"
type="text/css"
href="mystyle.css">
</head>
An internal style sheet should be used
when a single document has a unique
style. You define internal styles in the
head section of an HTML page, by
using the <style> tag, like this:
<head><style>
hr {color:sienna;}
p {margin-left:20px;}
body
{backgroundimage:url("images/back40.gif");}
</style></head>

An inline style sheet loses many of the

advantages of style sheets by mixing

content with presentation.

<p
style="color:sienna;marginleft:20px">This is a paragraph.</p>
CSS background properties are used to define
the background effects of an element.
CSS properties used for background
effects:
The background-color property specifies
the background color of an element.
body {background-color:#b0c4de;}
a HEX value - like "#ff0000"
an
RGB
value
like
"rgb(255,0,0)"
a color name - like "red"
The
background-image
property
specifies an image to use as the
background of an element.
body
{backgroundimage:url('paper.gif');}
The text-decoration property is used to set or
remove decorations from text.
{text-decoration:none;}
{text-decoration:overline;}
{text-decoration:line-through;}
{text-decoration:underline;}
{text-decoration:blink;}
The text-transform property is used to specify
uppercase and lowercase letters in a text.
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
The text-indentation property is used to
specify the indentation of the first line of a
text.
p {text-indent:50px;}
The font family of a text is set with the fontfamily property.
The font-family property should hold several
font names as a "fallback" system.
Start with the font you want, and end with a
generic family, to let the browser pick a
similar font in the generic family, if no other
fonts are available.
The font-style property is mostly used to
specify italic text.
This property has three values:

normal - The text is shown normally

p.normal {font-style:normal;}
italic - The text is shown in italics
p.italic {font-style:italic;}
oblique - The text is "leaning"
(oblique is very similar to italic, but
less supported)
p.oblique {font-style:oblique;}
The font-size property sets the size of the
text.
Absolute size:
Sets the text to a specified size and does
not allow a user to change the text size in
all browsers (bad for accessibility reasons)
Styling Links
a:link - a normal, unvisited link
a:visited - a link the user has visited
a:hover - a link when the user mouses
over it
a:active - a link the moment it is
clicked
The text-decoration property is mostly
used to remove underlines from links.
The background-color property specifies
the background color for links.
Different List Item Markers
The type of list item marker is specified
with the list-style-type property:
ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}
ol.c {list-style-type: upper-roman;}
ol.d {list-style-type: lower-alpha;}
Font weight: (weight) sets font weight to
bold.
White space :(property)-sets no text
wrapping unless there is a <br> tag
encountered.
Word-spacing:(pixels) sets
word
spacing to 10 pixels.
Letter-spacing:(pixels) sets letter spacing
to 3 pixels.
Padding-top:(pixels) sets the top padding
to 70 pixels.
Padding-left:(pixels) sets the left
padding to 50 pixels.
It looks like
indentation.

Border:(pixels & type) sets 1 pixel solid

black border.
Padding:(pixels) sets 30 pixels padding
around the list.
Margin-top(pixels)- sets a 90 pixels top
margin.
Margin-left:(pixels) sets a 50 pixels left
margin.
Margin:(pixels) sets a 30 pixels margin
around the list.
Border-bottom:(pixels, design & color)-sets a
5 pixel bottom border with blue color dotted
design.
Border a shorthand property for setting all
of the properties for the four borders in one
declaration.
Values:
border-width,
border-style,
border-color
Border-bottom a shorthand property for
setting all of the properties for the bottom
border in one declaration.
Values:
border-bottom-width,
border-style,
border-color
Border-bottom-color sets the color of the
bottom border.
Values:
border-color
Border-bottom-style sets the style of the
bottom border.
Values:
border-style
Border-bottom-width sets the width of the
bottom border.
Values:
thin, medium, thick, length
Border-color sets the color of the four
borders can have from one to four colors.
Values:
Color
Border-left- a shorthand property for setting
all of the properties for the left border in one

declaration.
Values:
border-left-width,
border-style,
border-color
Border-style sets the style of the four
borders, can have from one to four styles.
Values:
none,
hidden,
dotted,
dashed,
solid,
double groove,
ridge,
inset,
outset.
Border-top a shorthand property for
setting all of the properties for the top
border in one declaration.
Values:
border-style,
border-color
border-width