Sunday, 23 July 2017

Class 7 - Revision

Select the correct answer:

HTML stands for

Hyper Text Markup Language
Hyper Text Makeup Language

2. Container element has both

opening and middle tag
opening and closing tag

3. is

a line break tag
an empty tag
line break and an empty tag

4. Firefox is

an editor
a web browser
search engine

5. How would you give the background colour

<body backcolor=red>
<body bgcolour=red>
<body bgcolor=red>
<body backcolour=red>
<body bg color=red>

6. To change the colour of the letters and numbers you type

<text=green>
<body textcolour=green>
<body text=green>
<textcolour=green>

7. tag

moves the cursor to the next line
leaves a blank line
leaves a paragraph

8. _____ are not displayed in the web browser.

comments
title
body

9. To align the text in the middle of the page

<align=center>
<align=centre>
<center>

10. Heading tags ranges from ___ to _____

1 to 7
1 to 6
1 to 3

11. To make the text look darker

<dark>
<bold>

12. To draw a line across the text

<line>
<strike>
<strikethrough>

13. The largest heading tag is

<head>
<h1>
<h6>

14. The text between <title> and </title> will be displayed

in the title bar
in the heading bar
in the web page
none of the above

15. An attribute is

an additional information about the tag
main tag
an example

1. Write a program in HTML to display the following :

My first program ---------------------------- 1
I am in class 7 -----------------------------2

Bishop Cotton Boys' School -----------------------------3

<html>
<head>
<title> Example 1</title>
</head>
<body >
 My first program 
I am in class 7 
 Bishop Cotton Boys' School
</body>
</html>

The line1 is darker than the rest of the program. This is because of the bold tag. to go to the next line use the tag.
In line 2 , only class 7 is slanting , so use italics tag for that.
There is a blank line between line 2 and line 3, so paragraph tag should be used. Even if you close before tag also will give same effect.
In line 3,a line is drawn below the whole sentence using tag.

2. What would be the output for the following program:
<html>
<head>
<title> Example 2</title>
</head>
<body bgcolor=olive > ------------------1
 ------------------2
Computers Class 7

Cottonnian shield...................

<!- I am going to draw a line - > -----------------3
<hr size=5 > -----------------4

</body>
</html>

Line 1 : the background colour. The spelling is bgcolor.
Line 2 : font color makes the text and numbers to turn to that particular colour. face changes the default font name to the name given.
Line 3 : This is the comment line , which will not be displayed in the web browser.
Line 4: The horizontal line with size 5

The above output has 5 lines. The first one is a thin line, because there is no size tag.
<html>
<head>
<title> Example 3</title>
</head>
<body>
<hr > 
<hr size=3 color=red> 
<hr size=8 color=green>
<hr size=3 align=right color=blue>
<hr size=3 noshade >
</body>
</html>

Class 7 - Introduction to HTML

HTML

HTML (Hyper Text MarkUp Language) is used to create web pages. The codes are called tags. The tags are given within < and >.

There are two types of tags ,

i. Container Tag : It has both opening and closing tags.
e.g : <html> </html>

ii. Empty Tag : It has only a opening tag.
e.g :

The basic structure of a HTML document is

<html>

<head>

<title>

</title>

</head>

<body>

………

……..

</body>

</html>

Whatever is typed between <title> and </title> will be displayed on the title bar not in the web page.

<html>

</head>

<body>
Your text goes here.

</body>

</html>

Example 1 :
<html>
<head><title> My Page BCBS</title>
</head>
<body>
Bishop Cotton Boys' School
</body>
</html>

The output will be :

The data entered between <body> and </body> only will be displayed in the web page.
Line break tag :
It moves the cursor to the next line.
Paragraph Tag :
It leaves a blank line.

Example 1 :
<html>
<head><title> My Page BCBS</title>
</head>
<body>
BCBS 
Thomas House 
Pope House 
Elphick House 
Pakenham Walsh House 
Pettigrew House
</body>
</html>

The output will be :

Class 7 - Formatting Tags

Formatting tags

The formatting tags are used to give a stylish appearance to the text in the web page.

Bold

The text appears darker.

.....

Italics

The text appears different(slanting).

....

Underline

There is a line below the text.

.....

Strikethrough

A line is drawn across the text.

Superscript

Text appears above the text.

....

Subscript

Text appears below the text

.....

Center

Text appears in the middle of the screen.

<html>
<head>
<title>
Friends
</title>
</head>
<body bgcolor=olive text =white>
<center><h1>FRIENDS</h1></center>

Written with a pen, sealed with a kiss, 
If you are my friend , please answer me this: 
Are we friends, or are we not? 
You told me once, but I forgot. 
So tell me now, and tell me true, 
So I can say I'm here for you.
Of all the friends I've ever met, 
You're the one I won't forget. 
And if I die before you do, 
I'll go to Heaven and wait for you, 
I'll give the <h2>angels</h2> back their wings 
And risk the loss of everything. 
There isn't a thing I wouldn't do, 
To have a friend just like you!

The true author is unknown

</body>
</html>

OUTPUT

Class 7 -External Hardware Devices

Loading Class 7 - External Hardware Devices

Class 7 - HTML Quiz

Class 7 - HTML

Monday, 10 July 2017

Class 7 : HTML

HTML (Hyper Text MarkUp Language) is used to create web pages. The codes are called tags. The tags are given within < and >.

There are two types of tags ,

i. Container Tag : It has both opening and closing tags.

ii. Empty Tag : It has only an opening tag.

The basic structure of a HTML document is

<html>

<head>

<title>

</title>

</head>

<body>

………

……..

</body>

</html>

Whatever is typed between <title> and </title> will be displayed on the title bar not in the web page.

<html>

</head>

<body>

Your text goes here.

</body>

</html>

The data entered between <body> and </body> only will be displayed in the web page.

Line Break Tag:

The cursor moves to the next line.

Paragraph Tag :

It gives a blank line.

Heading Tag : Heading tags are used to display the text slightly bigger and bolder. There are six levels. Level 1 is the largest.

The output will be:

Formatting Tags :

1. Bold : …

2. Italics : ….

3. Underline : ….

4. Superscript : …..

5. Subscript : ….

6. Center Tag: The spelling is important. It positions the text in the center of the screen. <center>....</center>

7. Strikethrough : <strike> ..... </strike> : It draws a line through

the middle of the text.

The output will be:

Sunday, 23 July 2017

Class 7 - Revision

Class 7 - Introduction to HTML

Class 7 - Formatting Tags

</body>
</html>

Class 7 -External Hardware Devices

Class 7 - HTML Quiz

Class 7 - HTML

Monday, 10 July 2017

Class 7 : HTML

Sunday, 5 March 2017

Class 8 MDI Application

Time

Go Gently...... Cottonians

Sunday, 23 July 2017

</body></html>

Monday, 10 July 2017

Sunday, 5 March 2017

</body>
</html>