1

PREENTRY ASSIGNMENTS

Module 01

LAB Exercise 02

Version - 1.0

Baseline Date - July 7, 2010

integrated Talent development program for Outstanding Performance

2

HTML

LAB EXERCISES

EXERCISE 1.

Create a webpage that prints your name to the screen.

John

RESULT

John

EXERCISE 2.

Create a webpage and set its title to "This is a webpage".

html>

This is a webpage

3

The title tag goes in the head section of an HTML document.

RESULT

The title tag goes in the head section of an HTML document.

EXERCISE 3.

Print the numbers 1 - 10, each number being a different color.

1

2

3

4

5

6

7

8

4

9

10

RESULT

1 2 3 4 5 6 7 8 9 10

EXERCISE 4.

Print a paragraph with 4 - 5 sentences. Each sentence should be a

different font.

HTML stands for Hyper Text Markup Language.

It is the core

language of the world wide web and is used to define

the structure and layout of web documents by using

various tags and attributes.

5

Although a fundamental language of the web, HTML is a

static language - content created with it does not change.

HTML is used to specify the way WebPages look, not how they

function.

RESULT

HTML stands for Hyper Text Markup Language. It is the core language of the

world wide web and is used to define the structure and layout of web

documents by using various tags and attributes. Although a fundamental

language of the web, HTML is a static language - content created with it does

not change. HTML is used to specify the way WebPages look, not how they

function.

EXERCISE 5.

Print your name to the screen with every letter being a different heading

size

6

J

o

h

n

RESULT

J

o

h

n

EXERCISE 6.

Prints 10 names with a line break between each name. The list should be

alphabetized, and to do this place a subscripted number next to each

name based on where it will go in the alphabetized list. (Example: Alan1).

Print first, the unalphabetized list with a subscript number next to each

name, then the alphabetized list. Both lists should have an level

heading.

7

Unalphabetized list

Bill3

Roger5

Sandra6

Stacy7

William10

Thomas8

Wendy9

Jane4

Andy1

8

Anna2

Alphabetized list

Andy

Anna

Bill

Jane

Roger

Sandra

Stacy

Thomas

Wendy

9

William

RESULT

Unalphabetized list Bill3

Roger5

Sandra6

Stacy7

William10

Thomas8

Wendy9

Jane4

Andy1

Anna2

Alphabetized list

Andy

Anna

Bill

Jane

Roger

Sandra

Stacy

Thomas

Wendy

William

EXERCISE 7.

Print two paragraphs that are both indented using the command

10

Computer programming is defined

as telling a computer what to do through a special set of instructions which

are then interpreted by the computer to perform some task(s). These

instructions can be specified in one or more programming languages

including (but not limited to) Java, PHP, C, and C++. A computer goes through

a series of steps whose purpose is to achieve something - a series of steps that

are instructed to it in great detail by computer programs. Essentialy,

computer programming is the process by which these programs are designed

and implemented.

While computer programming can

be a great tool used to achieve many things, there are a few misconceptions

when it comes to the subject, a few misconceptions that should be cleared up.

One misconception about computer programming is that you would need to

have some kind of special software to write programs - this is hardly the case.

RESULT

Computer programming is defined as telling a computer what to do through a

special set of instructions which are then interpreted by the computer to

perform some task(s). These instructions can be specified in one or more

11

programming languages including (but not limited to) Java, PHP, C, and C++. A

computer goes through a series of steps whose purpose is to achieve

something - a series of steps that are instructed to it in great detail by

computer programs. Essentialy, computer programming is the process by

which these programs are designed and implemented.

While computer programming can be a great tool used to achieve many

things, there are a few misconceptions when it comes to the subject, a few

misconceptions that should be cleared up. One misconception about computer

programming is that you would need to have some kind of special software to

write programs - this is hardly the case.

EXERCISE 8.

Print two lists with any information you want. One list should be an

ordered list, the other list should be an unordered list.

Hardware devices

CD-ROM drive

DVD drive

Hard disk

Modem

12

Web languages

HTML

Javascript

PHP

Java

RESULT

Hardware devices

I. CD-ROM drive

II. DVD drive

III. Hard disk

IV. Modem

Web languages

HTML

Javascript

PHP

Java

13

EXERCISE 9.

Create some links to various search engines (Google, yahoo, AltaVista,

Lycos, etc).

Search the web with Google!

Search the web with Yahoo!

Search the web with Bing!

14

Search the web with AltaVista!

Search the web with Lycos!

EXERCISE 10.

Create a page with a link at the top of it that when clicked will jump all

the way to the bottom of the page.

15

Click here to jump to the bottom of the page

Some text

Some text

Some text

Some text

Some text

Some text

Some text

Some text

Some text

Some text

Some text

Some text

Some text

Some text

The bottom of the page

RESULT

Click here to see the bottom of the page

16

Some text

Some text

Some text

Some text

Some text

Some text

Some text

Some text

Some text

Some text

Some text

Some text

Some text

Some text

The bottom of the page

EXERCISE 11.

Display an image that when clicked will link to a search engine of your

choice (should be opened in a new window).

17

Click on the image to be taken to the Yahoo search engine.

RESULT

(some image)

Click on the image to be taken to the Yahoo search engine.

PRACTISE EXERCISE

1. Create a webpage that prints any text of your choice to the screen, do

not include a head section in the code.

2. Prints your name in a Tahoma font.

3. Print a paragraph that is a description of a book, include the title of the

book as well as its author. Names and titles should be underlined,

adjectives should be italicized and bolded

4. Print a definition list with 5 items.

18

5. Print two addresses in the same format used on the envelopes (senders

address at top left corner, receivers address at the center).

6. Create links to five different pages on five different websites that should

all open in a new window

7. Create a page with a link at the bottom of it that when clicked will jump

all the way to the top of the page

8. Display five different images. Skip two lines between each image. Each

image should have a title