LEARNING ACTIVITY SHEET

SPECIAL PROGRAM IN ICT 9

WEB DESIGN 9
Second Quarter, Week 2

Name of Learner: ____________________________________________________________

Grade Level /Section: __________________________ Date: __________________________

UNORDERED LIST

BACKGROUND INFORMATION FOR LEARNERS

In addition to organizing text in paragraph form, you can also display content in an easy to-read
list.
In HTML, you can use an unordered list tag (<ul>) to create a list of items in no particular order.
An unordered list outlines individual list items with a bullet point.
The <ul> element should not hold raw text and won’t automatically format raw text into an
unordered list of items. Individual list items must be added to the unordered list using the <li> tag. The
<li> or list item tag is used to describe an item in a list.

In the example above, the list was created using the <ul> tag and all individual list items were
added using <li> tags.

The output will look like this:

LEARNING COMPETENCY
Create and place unordered lists element in HTML document.
ACTIVITY:
Add Unordered List.

1. Open your ​aboutme.html ​document.

2. In “About me” add a list of your special skills and hobbies, give at least 3 list.
3. Save and preview the changes.
4. To submit your output, upload your HTML file to the link to be given by your teacher.

Scoring rubrics for Activity 1 and 2

Criteria Excellent Good Fair Poor POINTS

5 4
Content of Information is correct;
three sections; text is
Page precisely organized on
page; include 3 unordered
list of content; Contact
information are provided.
Layout and Layout is well-organized;
font size is in relation to
Design the size of the page; size
is appropriate; great
contrast between
background and text.
Work Ethics You worked very hard on
your project and were
always on task.
3 2
Information is mostly Information is not Information is
correct; three clearly defined; uncertain; three
sections; text is three sections; text sections; text is
appropriate; include is appropriate; appropriate;
3 unordered list of include 3 unordered include 3
content; Contact list of content; unordered list of
information are Contact information content; Contact
provided. are provided. information are
provided.
Layout is organized; Layout is somewhat Layout and design
more than three fonts organized; is unorganized;
sizes; great contrast background color background color
between background and text somewhat is too dark/light;
color and text; contrast; fonts either too
format. big/small;
You worked hard on You worked on your You did not
your project but project but were off seriously work on
sometimes got off task and needed to your project, you
task. be redirected by the frequently were off
teacher. task, and did not
refocus when
redirected by the
teacher.
TOTAL

REFLECTION
_____________________________________________________________________________________
_______________________
_____________________________________________________________________________________
_______________________

References for Learners

Electronic Resources:

https://www.w3schools.com/html/default.asp
https://notepad-plus-plus.org/downloads/v7.8.9/

Prepared by: SHANE R. PRINCIPE

Name of Writer

Noted by: LABERNE A. LADIGNON, JR

 Division ICT Coordinator/ OIC EPS

ANSWER KEY

Activity: Add Unordered List

Expected outputs: