Scribd
Upload
4 views13 pages

HTML Notes Part 2 Grade VIII (1)

Uploaded by

Divyaa Agarwal Kothari
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views13 pages

HTML Notes Part 2 Grade VIII (1)

Uploaded by

Divyaa Agarwal Kothari
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

The Shriram Millennium School, Gurugram

Subject- ICT
HTML Notes
Class–VIII

One must use HTML tags to format the text.


Type a name for the web page. Make sure to add the .html or .htm extension to the web
page name.
A web page name can have letters and numbers, but no spaces.

Basic HTML Tags-

You use sets of HTML tags to define the basic structure of your page. HTML tags control the layout and
formatting of the elements in HTML. These tags are the building blocks of HTML.

Type before the entire text on the web page. This declares the document as HTML5. Example-
The FONT tag is a container tag that has several attributes listed below in the table-

Examples-

<font face= “Arial”> Welcome</font>


<font face= “Arial, Lucida Calligraphy”> Namaste</font>

Examples-

<font SIZE= “3”> Computer</font>


There are two commonly used types of lists- a bulleted list or an unordered list, and a
numbered list or an ordered list.
Unordered List
….
It classifies the data items that have equal importance i.e. none of the data items are ranked.
They are identified by a symbol. It may be a □ square, a ○ circle or a ● disc. The attribute
TYPE helps in using the symbols to create a list. This attribute takes the value as the name of the symbol.

Please Note: No <br> tag is needed as each new <LI> tag forces a line
break. The Type attribute can be used as an attribute of the <UL> tag
to change the bullets of all list items or as an attribute of <LI> tag to
change the bullet of an individual list items.
Ordered Lists:
It classifies the data items that do not have equal importance. All the data items are ranked. The ranking
can be done using the numbers, the roman letter or alphabets. The default symbol is number. In case you
want to change to other symbols of ordered list, you can use the attribute. The attributes used with this
tag are given in the table below:
The start attribute allows you to further customize an ordered list by setting a new starting digit for the ordered list
element as can be seen in the following example:

The above code produces the following output. Notice that the list begins from number 4
and the sequence is maintained after it.

Please note: With ordered list, if we insert another item into the list or if we delete an item
from the list, the list will automatically be renumbered. By default, the browser numbers
each successive list item starting with “1”.
<CAPTION> tag is used to provide heading to the table. It is by default centred across the
table width.
Attributes of the <table> tag

The default setting is BORDER=0 which mean, if no border attribute is used, we


will end up with a table with no borders.

There are two ways of colouring a table. You could colour the border or you could fill the
cells with colour-

Use the BORDERCOLOR= attribute to specifies a colour for the table border. You use the
BGCOLOR= attribute to specify a colour to fill.
It is important to add an element of color to your web pages in order to make the appearance attractive.
You need to make sure that the color does not distract the message of the content. In the case of the table,
you can add background color to the table header cell to bring attention to the text in the header.
The cellspacing attribute adds pixels between cells. The cellpadding attribute adds pixels within a cell
border.

ATTRIBUTES ASSOCIATED WITH THE TAG ARE AS FOLLOWS:


Entering Paragraph Text on your Web page:
A paragraph can be written on the web document using the tag. This is a container tag, though the
tag is optional. It uses one attribute called align that takes the value left, right or center.

In the above code, the align attribute takes the value center. The output of the above code
is:

You might also like