Computer World

Exercise 3:
Make a page with a heading. Make the heading kinda large, bold, italic and center it across the top of the page...

Meet Jack

VIEW IT

Then add Jack...

Meet Jack
Jack

VIEW IT

Write a short paragraph or two telling a little about Jack. In your description, highlight something in italics...

Meet Jack
Jack

This is Jack. He's an odd little boy that just got an empty box for his birthday. He may look happy, but he's a little disappointed. Now he'll have to put a few things in the box.

VIEW IT

Using an unordered bulleted list, list the things that Jack would most like to put in the box...

Meet Jack
Jack

This is Jack. He's an odd little boy that just got an empty box for his birthday. He may look happy, but he's a little disappointed. Now he'll have to put a few things in the box.

Jack would really like...

Roller blades
Magic tricks
Anything Pokemon
A motorized Lego set

VIEW IT

Add a link to toysrus.com and etoys.com.

Meet Jack
Jack

This is Jack. He's an odd little boy that just got an empty box for his birthday. He may look happy, but he's a little disappointed. Now he'll have to put a few things in the box.

Jack would really like...

Roller blades
Magic tricks
Anything Pokemon
A motorized Lego set

You can get all this (and more) at an online toy store. Two very popular ones are toysrus.com and eToys.

VIEW IT

Upload this page and Jack and make sure the image shows up and the links work as expected.

Add a horizontal line and a little copyright statement. From the listing of special characters find the code for the copyright symbol and insert it as shown (Use slightly smaller text for this line). Insert your name in place of "John Q. Webmaster" and make it an email link to you. Make sure it works and actually sends email to you...

Meet Jack
Jack

This is Jack. He's an odd little boy that just got an empty box for his birthday. He may look happy, but he's a little disappointed. Now he'll have to put a few things in the box.

Jack would really like...

Roller blades
Magic tricks
Anything Pokemon
A motorized Lego set

You can get all this (and more) at an online toy store. Two very popular ones are toysrus.com and eToys.

VIEW IT

As a finishing touch, add a counter. Quite often, whoever is hosting your pages (be it your Internet Service Provider, a paid web hosting company, or a free web host) will have a free counter available for your use. Alternatively, there are many third parties that offer free counters and even full blown statistical services. For our purposes though, a simple counter will suffice. You can pick one up quickly and easily at fastcounter. Installing the counter is a simple matter of inserting a snippet of code into your page. Just follow the instructions they provide. It's very simple...

Meet Jack
Jack

This is Jack. He's an odd little boy that just got an empty box for his birthday. He may look happy, but he's a little disappointed. Now he'll have to put a few things in the box.

Jack would really like...

Roller blades
Magic tricks
Anything Pokemon
A motorized Lego set

You can get all this (and more) at an online toy store. Two very popular ones are toysrus.com and eToys.

VIEW IT

And that's it for that exercise. Upload the page, make sure everything looks right and works as expected. Pat yourself on the back... ya done good!

http://www.landofcode.com/html-exercises/

HTML exercises

Each exercise solution can be viewed in the online code editor so that you can expirement with the code as much as you like.

Jump to:

Basics | Text | Text formatting | Links | Images

HTML basics exercises

Create a webpage that prints your name to the screen. [See solution]

<html>

<body>

John

</body>

</html>

Create a webpage that prints the numbers 1 - 10 to the screen. [See solution]
Create a webpage and set its title to "This is a webpage". [See solution]
Create a webpage that prints the message "When was this webpage created? Check page's title for the answer." to the screen, and set the title of the page to the current date.[See solution]
Create a webpage that prints any text of your choosing to the screen, do not include a head section in the code. [See solution]
Repeat exercise #5, but this time include a head section in the code. [See solution]

NOTE: Include comments in every HTML basics exercise.

^Back to top

HTML text exercises

Print your name in green. [See solution]
Print the numbers 1 - 10, each number being a different color. [See solution]
Prints your name in a Tahoma font. [See solution]
Print a paragraph with 4 - 5 sentences. Each sentence should be a different font. [See solution]

<html>

<body>

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.

</body>

</html>

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.[See solution]
Print your name to the screen with every letter being a different heading size.[See solution]

^Back to top

HTML text formatting exercises

Print the squares of the numbers 1 - 20. Each number should be on a separate line, next to it the number 2 superscripted, an equal sign and the result. (Example: 10² = 100) [See solution]
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: Alan₁). Print first, the unalphabetized list with a subscript number next to each name, then the alphabetized list. Both lists should have an <h1> level heading.[See solution]
Print two paragraphs that are both indented using the   command.[See solution]
Print two lists with any information you want. One list should be an ordered list, the other list should be an unordered list. [See solution]

<html>

<body>

Hardware devices

<li>CD-ROM drive</li>

<li>DVD drive</li>

<li>Modem</li>

</ol>

Web languages

<li>Javascript</li>

</ul>

</body>

</html>

Prints an h1 level heading followed by a horizontal line whose width is 100%. Below the horizontal line print a paragraph relating to the text in the heading. [See solution]
Print some preformatted text of your choosing. (hint: use the <pre> tag) [See solution]
Print a long quote and a short quote. Cite the author of each quote. [See solution]
Print some deleted and inserted text of your choosing. [See solution]
Print a definition list with 5 items. [See solution]
Print two addresses in the same format used on the front of envelopes (senders address in top left corner, receivers address in the center). [See solution]
Print ten acronyms and abbreviations of your choosing, each separated by two lines. Specify the data that the abbreviations and acronyms represent. [See solution]

^Back to top

HTML link exercises

Create some links to various search engines (google, yahoo, altavista, lycos, etc). [See solution]

<html>

<body>

Search the web with Google!

</a>

Search the web with Yahoo!

</a>

Search the web with Bing!

</a>

Search the web with Altavista!

</a>

Search the web with Lycos!

</a>

</body>

</html>

Create links to five different pages on five different websites that should all open in a new window. [See solution]
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. [See solution]
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. [See solution]
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. At the bottom of the page there should be a link to jump back to the top of the page. [See solution]

^Back to top

HTML image exercises

Display five different images. Skip two lines between each image. Each image should have a title. [See solution]

<html>

<head>

<title>Five images</title>

</head>

<body>

</body>

</html>

Display an image that has a border of size 2, a width of 200, and a height of 200. [See solution]
Display an image that when clicked will link to a search engine of your choice (should be opened in a new window). [See solution]
Display an image that when clicked will link to itself and will display the image in the browser by itself. [See solution]

http://www.oneil.com.au/pc/html.html

Practical Exercises take from this link – all available

Exercises: Table Tutor

Tables are one of the most useful tools for page layout that you will find. One of the most common questions I hear is "How can I put some text next to an image?" One simple solution is a table...

*Fresh Fruits*
It has long been known that a diet that includes at least a few servings of fresh fruit every day will help keep you healthy, fit and trim.

Here is the same table with the borders turned on...

*Fresh Fruits*
It has long been known that a diet that includes at least a few servings of fresh fruit every day will help keep you healthy, fit and trim.

VIEW THIS EXAMPLE ON A PAGE BY ITSELF

Exercise 1:

Find an image. Write a description of that image. Building a table from scratch (don't just copy mine), put that image next to its description like the table above. Then, find a second image, write a description for it and expand your table to fit this second image & description.

Another common question is "How do I make a page that has a list of links down one side of the page?" Here is a screen capture of my old home page. It uses a simple two-celled table to achieve this...

Exercise 2:

Find a recipe for apple pie, chocolate cream pie and lemon meringue pie. Make a page for each. Each page should use a table layout as shown above with links to each recipe in the left column and the recipe in the right column. Use a vertically tiled two-color background image like the following (make one or find one).

Make the text in the left column a different color than the text in the right column. Keep in mind that when you wish to override the document's link colors you must place the font tag pair within the link...

<a href="otherpage.html">My Link</a> -- correct
<a href="otherpage.html">My Link</a> -- incorrect

Here's a tip... you might want to look at your page through a range of screen resolutions. You might be surprized. You might also find that the best arrangement is that the left cell be of a fixed size (say 150) and the right cell to have no size specification at all.

When your pages are done, validate them. Use the HTML 4.01 Transitional doctype. If there are any errors, correct them so that your documents validate.

Here is an example you can refer to if needed.

Exercise 3:

Pick 5 corporations and hunt down their current stock prices. Place them in a neatly arranged table with their name, symbol, last price, 52wk high, 52wk low and PE ratio. The end result should look like the following. Notice that the first column is aligned left and the rest are centered.

*My tech stock picks*
NAME	SYMBOL	CURRENT	52WK HI	52WK LO	P/E RATIO
Microsoft	MSFT	86-3/8	119-15/16	75-1/2	56.09
Cisco Systems	CSCO	72-1/8	82	24-13/16	400.69
America Online	AOL	63	95-13/16	38-15/32	350.00
Qwest Communications	Q	44-7/16	66	25-3/4	74.06
Dell Computers	DELL	53-59/64	59-11/16	31-3/8	86.97

VIEW THIS EXAMPLE ON A PAGE BY ITSELF

1.	What does HTML stand for?

		Hyper Text Markup Language
		Hyperlinks and Text Markup Language
		Home Tool Markup Language
2.	Who is making the Web standards?

		The World Wide Web Consortium
		Microsoft
		Mozilla
3.	Choose the correct HTML tag for the largest heading

		<h6>
		<head>
		<h1>
		<heading>
4.	What is the correct HTML tag for inserting a line break?

		<br />
		<lb />
		<break />
5.	What is the correct HTML for adding a background color?

		<body style="background-color:yellow">
		<background>yellow</background>
		<body background="yellow">
6.	Choose the correct HTML tag to make a text bold

		<b>
		<bold>
7.	Choose the correct HTML tag to make a text italic

		<italic>
		<i>
8.	What is the correct HTML for creating a hyperlink?

		<a url="http://www.w3schools.com">W3Schools.com</a>
		<a name="http://www.w3schools.com">W3Schools.com</a>
		<a>http://www.w3schools.com</a>
		<a href="http://www.w3schools.com">W3Schools</a>
9.	How can you create an e-mail link?

		<a href="xxx@yyy">
		<mail href="xxx@yyy">
		<mail>xxx@yyy</mail>
		<a href="mailto:xxx@yyy">
10.	How can you open a link in a new browser window?

		<a href="url" target="_blank">
		<a href="url" new>
		<a href="url" target="new">

11.	Which of these tags are all <table> tags?

		<thead><body><tr>
		<table><tr><td>
		<table><head><tfoot>
		<table><tr><tt>
13.	How can you make a list that lists the items with numbers?

		<ol>
		<dl>
		<list>
		<ul>
14.	How can you make a list that lists the items with bullets?

		<list>
		<ul>
		<ol>
		<dl>
19.	What is the correct HTML for inserting an image?

		<img>image.gif</img>
		<img src="image.gif" />
		<img href="image.gif />
		<image src="image.gif" />
20.	What is the correct HTML for inserting a background image?

	<img src="background.gif" background />
	<body background="background.gif">
	<background img="background.gif">

HTML is short for ?

Holistic Technical Method Library

Hyper Tax Makes Liars

Hyper Text Markup Language

WYSIWYG stands for ?

What You See Is What You Get

When You Start Is When You Go

What You See Is What You Gain

To specify a font for your whole page add which tag ?

<a> and </a> are the tags used for ?

Audio-voiced text

Adding links to your page

Aligning text

The tag makes text... ?

Inline

Italic

Bold

The tag adds what to your webpage ?

Long breaks

Line break

Little bubbles

What tag adds a paragraph break after the text ?

To seperate single list items use ?

When making bulleted lists you have what options ?

disc, circle, square

triangle, square, circle

square, disc, polygon

To start a numbered list with regular numerals use ?

To create a bulleted list use ?

<ul>

<ol>

<il>

To create a numbered list use ?

<il>

<ol>

<ul>

<ol> tags will create what kind of list ?

Grocery List

Numbered List

Bulleted List

To change the size of an image in HTML use what ?

pliers

height and width

bigger and smaller

Which tag is used to insert images into your web page ?

scr

img

pic

Is it possible to link within the current page ?

Only in framesets

Yes

What does vlink mean ?

very good link

active link

visited link

When images are used as links they get a blue border.

Always.

Never.

Unless border is set to zero.

How do you add a link which will allow the visitor to send an email from your page ?

Add <a href="mailto:youraddress">

Add an image of an envelope

Add <a href="sendmailtoyouraddress">

To add rows to your tables use which tags?

Use <td> and </td> to add what to your tables?

steps

columns

rows

colspan=n can be added to only what tag?

<td>

<tr>

<table>

About the Book

Written strictly according to the syllabus for ____ paper of `O’ level as prescribed by DOEACC examination, it covers various topics of Multimedia, its applications, creation and usage. Topics like fonts, hypertext, Images, audio and video formats are also covered. Also how these are combined to create a good looking multimedia application. Each topic is covered in a separate chapter and has questions based on the pattern suggested by DOEACC. Students reading this book and solving all question given with the chapters and the Sample Papers at the end of it are sure of getting through the exams.

Rest all is the same as other books of O level.

http://www.scsite.com/off2003/index.cfm?action=learn&product=Access&CFID=2152875&CFTOKEN=71970017

few topics not taken – can be taken if found less questions—O.P.Arora

Access 2003 Project 1 - Multiple Choice

Instructions: Print the page. Circle the correct response.

1. The term DBMS stands for ____________.

a. Database Microsoft

b. Data Building Management System

c. Database Management System

d. Data Base Micro System

2. In Access, a database is ____________.

a. the same as a file

b. a collection of tables

c. a software product

d. none of the above

3. A field that uniquely identifies a particular record in a table is called a ___________.

a. secondary key

b. foreign key

c. principal key

d. primary key

4. The columns in tables are called ____________.

a. databases

b. files

c. records

d. fields

5. The ____________ identifies the type of data that can be stored in a field.

a. data type

b. value

c. Currency

d. primary key

6. To make a field the primary key for a table, select the field and then click the ____________ button on the Table Design toolbar.

a. Unique Key

b. Single Key

c. First Key

d. Primary Key

7. To remove a field from a table structure, select the field and then press the ____________ key(s).

a. DELETE

b. CTRL+D

c. CTRL+DELETE

d. REMOVE

8. To add additional records to a table, click the ____________.

a. Add Record button

b. Append button

c. New Records button

d. Records button

9. To delete a record in a table, open the table, select the record, and use the ____________.

a. Delete Record button

b. DELETE key

c. Cut Record button

d. Erase Record

10. To switch from Form view to Datasheet view click the ___________ on the Database window toolbar and then click Datasheet view in the list that displays.

a. Switch button arrow

b. View button arrow

c. New Object button

d. Show Datasheet button

Practice Test	Project 1
INSTRUCTIONS: Answer each question below. Enter your name and click the 'Grade Test' button to receive a graded study guide. You will not get a grade until all questions are answered.

Access 2003 Project 2 - Multiple Choice

Instructions: Print the page. Circle the correct response.

1. A(n) _____________ is a question represented in a way that Access can understand.

a. list

b. answer

c. question

d. query

2. 2. To clear all the entries in a design grid, on the Edit menu, click _____________.

a. Clear Grid

b. Clear

c. Clear All

d. Remove All

3. The wildcard symbols available for use in a query are the _____________ and the _____________.

a. double period (..), asterisk (*)

b. question mark (?), asterisk (*)

c. double period (..), at symbol (@)

d. question mark (?), ampersand (&)

4. To find all Marinas whose Warranty amount is $100 or more, type _____________ as the criteria for the Warranty field.

a. >= $100.00

b. >=100

c. =>$100.00

d. =>100

5. Equal to (=), less than (<), and greater than (>) are examples of _____________.

a. criteria

b. values

c. comparison operators

d. operands

6. When two or more criteria are connected with AND or OR, the result is called a _____________.

a. simple criterion

b. pattern criterion

c. character criterion

d. compound criterion

7. Creating a _____________ allows you to limit results to records having the highest or lowest values.

a. Join Table

b. top-values query

c. Add Table

d. MAX query

8. Use a query to _____________ tables; that is, find records in two tables that have identical values in matching fields.

a. merge

b. match

c. combine

d. join

9. _____________ means creating groups of records that share some common characteristic.

a. Grouping

b. Sorting

c. Cross Tabbing

d. Referencing

10. A(n) _____________ query calculates a statistic for data that is grouped by two different types of information.

a. aggregate

b. grouping

c. statistical

d. crosstab

Computer World

Search This Blog

HTML basics exercises

HTML text exercises

HTML text formatting exercises

HTML link exercises

HTML image exercises

Comments

Post a Comment

Popular posts from this blog

Random English

Peripherals