Tuesday 12 September 2017

Heading Tag - Class 7

Heading tag:
There are 6 heading tags. <h1> is the biggest tag and <h6> is the smallest.
Since the text attribute is used to change the colour, the entire document will have the same colour. Whereas if you use <font color> then you can have different colours.
<html>
<head>
<title> Worksheet 4 </title>
</head>
<body bgcolor=purple text=white>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>

Line - Class 7

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 > <p>
<hr size=3 color=red> <p>
<hr size=8 color=green></p>
<hr size=3 align=right color=blue><p>
<hr size=3 noshade ></p>
</body>
</html>
2.
<html>
<head>
<title> Example 4</title>
</head>
<body>
<font size=1 color=crimson>
We the Cottonians <br></font>
<font size=2 color=blue>
We are all here<br></font>
<font size=3 color=gold>
We want to do YES <br></font>
<font size=5 color=green>
Always our best<br></font>
<font size=4 color=purple>
Our motto is <br></font>
<font size=5 color=olive>
NEC DEXTRORSUM NEC SINSITRORSUM<p>
<font size=6 color=crimson>
Hip Hip Hurrah.......
</body>
</html>

List Video

LIST

List - Class 7

List

Lists are used when we want to display the information in points.

There are three types of lists.

Ordered List
Unordered List
Description List / Defenition List

Ordered List :

<ol > - Default list. It gives the numbers.
<ol type=A>
<ol type=a>
<ol type=I>
<ol type=i>

Output :

Unordered List

Disc - Default list
Circle
Square

Output :

Description List

Output :

Nested List

Output :

Formatting Tags - Class 7

Formatting tags

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

Bold

The text appears darker.

<b> ..... </b>

Italics

The text appears different(slanting).

<I>....</I>

Underline

There is a line below the text.

<U>.....</U>

Strikethrough

A line is drawn across the text.

<Strike>....</Strike>

Superscript

Text appears above the text.

<Sup>....</Sup>

Subscript

Text appears below the text

<Sub>.....</Sub>

Center

Text appears in the middle of the screen.

<Center>....</Center>

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

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

<p align =right>The true author is unknown

</body>
</html>

OUTPUT

Subscribe to: Posts (Atom)