Scribd
Upload
17 views5 pages

5C. Guide 2 SMT 2

This study guide for Class 5C focuses on HTML lists, specifically the Unordered List (<ul>) and Ordered List (<ol>) tags, along with how to change text color using the <font> tag. It provides definitions, examples, and types of lists, as well as a guide for students to practice their understanding through multiple-choice questions. The document aims to help students grasp the concepts of creating lists and modifying text color in HTML.

Uploaded by

sinyoman.supartha
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
17 views5 pages

5C. Guide 2 SMT 2

This study guide for Class 5C focuses on HTML lists, specifically the Unordered List (<ul>) and Ordered List (<ol>) tags, along with how to change text color using the <font> tag. It provides definitions, examples, and types of lists, as well as a guide for students to practice their understanding through multiple-choice questions. The document aims to help students grasp the concepts of creating lists and modifying text color in HTML.

Uploaded by

sinyoman.supartha
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/ 5

STUDY GUIDE 2

SUBJECT : Class / Smt : 5C / I (First)


Teachers sign

Day / Date :Friday 23 August 2024


.................../ ................................................
Score :

Computer Name / No : ............................................................./ ......

LEARNING OBJECTIVES :
3.2 Students are able to understand LIST UL (Unordered List), OL (Ordered List) tags, changing the
color of text in html.

LIST UL (UNORDERED LIST) , OL (ORDERED LIST)


and
CHANGE TEXT COLOR IN HTML

Before we start learn how to make a LIST in HTML. We must really understand what is LIST ? UL ,
OL and what if we want to change the color of the text ? Let's study together

I. DEFINITION OF LIST
List is part of the text that we use to create a list of documents and also certain groupings
or groups in a category. List in HTML has its own way of sorting items in a document. In
order to better understand the list, the list has several tags including:
A. Unordered List, or the so-called <ul> tag where the sequence begins with a
bullet / round / black symbol.
B. List in succession (Ordered List), or the so-called <ol> tag where the sequence
begins with a number or with a letter.
In order to better understand how to use the tags above, we can use some examples of the
appropriate implementation. Before going into our learning section, it's good to know the <li>
tag (list item) which is useful for placing a line between the opening <li> tag and the closing
</li> tag.

II. UL (UNORDERED LIST)


The <ul> tag is an unordered tag that always begins with a circle of bullets in every line of
sentences. To write it begins with the opening tag <ul>, opening tag <li>, closing tag </li>,
and closing tag </ul>. For that, see the example HTML code below:

Then the result when on the web, will be like this:

In the UL (Unordered List) tag there are several types that we can use, namely disc type,
circle, square and none. The following types in the UL (Unordered List) tag:

 Type = "disc" will produce a black circle shape.


 Type = "circle" will produce a black circle shape like a ring.
 Type = "square" will produce a box shape.
 Type = "none" will not return any form or be empty.

III. OL (ORDERED LIST)


The <ol> tag is a sequential tag in which each item is assigned a roman number / letter /
roman number. We can write <ol> tags with <ol> opening tags, <li> opening tags, </li>
closing tags, and </ol> closing tags. For that, see the sample code that has been below:

So the results when on the web, will be like this:

In the OL (Ordered List) tag there are several types that we can use, namely alphabetical,
numeric and roman. The following types in the OL (Ordered List) tag:

 Type = "a" will produce output such as: a, b, c etc


 Type = "A" will produce output such as: A, B, C and so on.
 Type = "1" will produce output such as: 1, 2, 3 etc..
 Type = "i" will produce output like: i, ii, iii etc..
 Type = "I" will produce output such as: I, II, III and so on.
IV. FONT COLOR
The <font color=" ”> tag and closed with the </font> tag is a tag used to change
the color of text in html. Here is a sample code
:

Then the results will be displayed on the web


:

Web Application : Codepen.io to create HTML code Online


V. GUIDE EXERCISE 2
Work on the questions below by crossing (X) the alphabet of the correct answer.

1. What is List?
A. to list documents
B. to make a list of presentation slides
C. to make a video
D. to create a new image

2. Which is the correct Font Color tag?

A. <font color> </color> B. <font color=” “> </color>


C. <color=” “> </font> D. <font color=” “> </font>

3. What is the meaning of UL?


A. A sequential list in which each item is assigned a number / letter / roman
B. An unordered list that always begins with a triangle
C. An unordered list that always begins with a bullet circle
D. A sequential list that always begins with a free image

4. What does OL mean?


A. A sequential list in which each item is assigned a number / letter / roman
B. An unordered list that always starts with a triangle
C. An unordered list that always starts with a circle of bullets
D. A sequential list that always begins with a free image

5. Type = "square" in UL will produce the form ?


A. Triangle B. Square
C. Circle D. Tube

You might also like