Scribd
Upload
21 views5 pages

G8 Lesson 3 5

Uploaded by

rheycomp25
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
21 views5 pages

G8 Lesson 3 5

Uploaded by

rheycomp25
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/ 5

Grade 8 Lesson 3

HTML makes use of HTML tags called formatting tags. These tags are used for
format output like bold or italic text.

CHANGING FONT COLOR AND SIZE


To change the font size, this is done with the following code:
<font size = “3”> text to change </font>
To change the font color, this is done with the following code:
<font color=”red”> this text is color red </font>
To change both the font size and color, look at the following code:
<font size=”+1” color=”gold”> This text increases in size and color gold </font>

CHANGING TEXT ALIGNMENT


To change the alignment of the text to left, right or center using a simple attribute
of the heading <h1></h1> tag, paragraph <p></p> tag or division <div></div>
tag. Put this code within these tags
align = “center”
align = “left”
align = “right”
Example:
<h1 align = “center”>Center</h1>
<p align = “left”>Left</p>
<div align = “right”>Right</div>
APPLYING BOLD AND ITALIC STYLE
To apply bold and italic style to text use the following tags:
For bold: <b>Bold text</b>
For Italic: <i>Italic text</i>
To use bold and italic text both, you can nest the two
<b><i> Bold and Italic text</i></b>

Grade 8 Lesson 4
Website wireframes are simple line drawing that help you visualize the placement
of elements on your webpage.
CREATING A WEBSITE WIREFRAME
Examples of Website Wireframes:

Include all the important elements of a webpage in the website wireframes. Use
simple shapes and label them.
Grade 8 Lesson 5

A webpage is a simple document that can be accessed through world wide web. To
create a simple web page, you need a text editor. A notepad is one of the most
commonly used text editor on Window PCs. In creating a webpage, we must be
familiar with using HTML or Hyper Text Markup Language codes.
Designing a webpage
Before anything else, you need to plan how your website will look like. You need to
create the website wireframe so that it could be easier for you to visualize how it
will look like.
You can create a website wireframe in three methods:
1. Drawing it by hand on paper
2. Using Adobe Photoshop, illustrator, paint or any graphics software
3. Using software created for this type of task like OmniGraffle
Sample website wireframe:

You must also remember the guidelines in designing a webpage (notes from
previous lessons)
• Use web safe color so that everyone can see the design and content clearly
• Provide navigations and site map
• Fill it with interesting text, not just graphics
• Organize the layout of the site
• Make the text readable
• Limit the number of images and other multimedia files such as animation

CREATING AN ACTUAL WEBPAGE


Here is the basic skeleton for an HTML document:
Here are some of the important words you should know on learning about HTML:
Tag – piece of code that acts as a label that web browser interprets.
Element – a complete tag with an opening and closing tags
Attribute – a property value that customizes or modifies an HTML element
APPLY BACKGROUND COLOR
To set the background color, we make use of the ‘bgcolor’ attribute.

Code for applying HTML bgcolor:

HTML Basic Colors

DETERMINING RELIABLE WEBSITES/LINKS


Here are some of the guidelines to determine if the link you open is reliable or not.
1. Read about the author or owner of site
2. Look for the site’s look
3. Check the links of the site – reputable websites often link to each other.

CITING REFERENCES
When searching for information on the internet, it is important to cite the
source/reference. To do that copy the link on the address bar and paste it to your
document (e.g. notepad, webpage)

You might also like