THANK YOU LORD!
Republic of the Philippines
BILIRAN PROVINCE STATE UNIVERSITY
SCHOOL OF TEACHER EDUCATION
LABORATORY HIGH SCHOOL
School Id: 600074
ISO 9001:2015 QMS CERTIFIED
ASSESSMENT IN COMPUTER EDUCATION-9
2ND QUARTER | SY:24-25
Name: _______________________________________________ Date: ___________
Grade & Section: _______________________________________ Score: __________
GIVE ALL THE HTML TAGS/ SYNTAX!
Activity 1. For your activity this week. Give and write the correct tags on the right. Write the letter of the correct answer
on the line
TASKS 1:
Give the following HTML Codes from the column B answer directly. Include Open and close tags based that
you’ve learned/known from our lessons that we had discussed.
COLUMN A COLUMN B
1. What is the acronym of HTML?- __________________________________________________
2. Define of what is HTML ?
____________________________________________________________________________
3. Who developed the HTML? - ______________________
4. Give the HTML Syntax/code to add images? - ______________________
5. Give the Html code to add a paragraph? - ______________________
6. Give the HTML code to add videos ? - ______________________
7. Give the HTML code to add musics ? - ______________________
8. Give the HTML code to add title? - ______________________
9. Give the HTML code to add background color? - ______________________
10. Give the HTML code to add numbered lists? - ______________________
11. Give the HTML code to add bulleted lists? - ______________________
12. Give the HTML code to add item lists? - ______________________
13. Give the HTML code to emphasized text? - ______________________
14. What is the HTML code to add largest heading? - ______________________
15. Give the HTML code for smallest heading? - ______________________
16. Give the HTML code to Bold a text? - ______________________
17. What is the HTML code to italized text? - ______________________
18. What is the use for subscripted text? - ______________________
19. What is the use for superscripted text? - ______________________
20. Give the HTML code line break? - ______________________
21. Give the HTML code for Horizontal line? - ______________________
22. Give the HTML code for center alignment? - ______________________
23. What is the file type extension for saving your HTML document using notepad or notepad ++.
- ______________________
24. Give the HTML Tags for comment? - ______________________
25. What is the use for anchor <a> tag or attribute tag? - ______________________
26. Who developed the Web? - ______________________
27. Give at least one (1) HTML Editor to create webpage?- ______________________
28. What tag is used to creates hyperlinks on a web page?- ______________________
29. What attribute creates a named anchor? - ______________________
30. What tag is used to add an image on the Web Page. - ______________________
31. What tag is used to show a video on a Web Page - ______________________
32. What tag is used to play an audio on a Web. Page. - ______________________
33. What is the acronym of CSS? - ______________________
34. Who developed the CSS? - ______________________
35. Why we need to learn HTML? What is the uses and purpose of HTML?-
____________________________________________________________________________
____________________________________________________________________________
Prepared by:
MR. JOSHUA A. CASAS
Comp.ED Teacher
Republic of the Philippines
BILIRAN PROVINCE STATE UNIVERSITY
THANK YOU LORD! SCHOOL OF TEACHER EDUCATION
GOD BLESS!! LABORATORY HIGH SCHOOL
School Id: 600074
ISO 9001:2015 QMS CERTIFIED
2ND QUARTER | SY:24-25
HTML & CSS Exercises- 2nd Quarter
( G9- Proton, Neutron & Electron)
2ND Quarter
TASKS - 2
• HTML Exercise – 2 : USING A NOTEDPAD HTML EDITOR
• In this exercise you will create a simple HTML page having title, heading,
paragraph, em, strong/bold, background color, ordered and unordered list,
images tags and table tags, breakline, horizontal line and other formatting
tags. Make it sure that your webpage, applies those html elements mentioned
above. Your webpage that you will going to make is about THE “ THINGS I
LOVED TO DO!”
Directions: Write a program or a webpage that applies with different HTML
Elements, syntax and formatting tags USING “ NOTEPAD, or NOTEPAD ++.
Description: Create your own webpage about your “THE THINGS YOU LOVED
TO DO!” Make it sure that you will apply and include the following HTML
Elements or syntax below;
• 1. Include a <TITLE> and <Paragraph> on your webpage and;
• 2. Include a headings <h1-h6> largest-smallest headings on your webpage
• 3. Include a <Numbered lists> on the text.
• 4. Include a <Bulleted lists> on the text.
• 5. Include any <Images> on your webpage
• 6. Include a Formatting Tags from the texts or paragraph on your webpage
and Make it sure that you apply <italic>, <em>, and <strong> or <bold>
to enhance the text on your webpage.
• 7. Include any Background Colors for your webpages <bgcolors=”
name_of_the_prefer_color”>, or a <font
colors:”name_of_the_prefer_color”> for your texts on your webpage. Make
it sure that your background color is transparent or visible or appealing.
• 8. Include a <horizontal rule / line> and a <break line> on your webpage.
• 9. Include a <superscripted> and <subscripted> on your webpage.
• 10. Include a <table row> and <table column> <tr>,<th>,<td> on your
webpage.
NOTE: Make it sure that all text data are centered. Apply and follow the given
Instructions above. Apply and Include those HTML Elements as instructed.
(50_points)
Prepared by:
JOSHUA A. CASAS
Comp.ED Teacher
Republic of the Philippines
BILIRAN PROVINCE STATE UNIVERSITY
THANK YOU LORD! SCHOOL OF TEACHER EDUCATION
GOD BLESS!! LABORATORY HIGH SCHOOL
School Id: 600074
ISO 9001:2015 QMS CERTIFIED
COMPUTER EDUCATION-9 PROJECT | SY:24-25
RUBRICS
HTML Hands-on Activity Rubric
Total Points: 50
Name of Partner(s) : ___________________________________ Date:____________________
___________________________________
Grade Level & Section : ____________________________
Criteria Description Points Score
HTML Structure Proper use of <html>, <head>, <body> tags. Document 5/5
includes valid DOCTYPE declaration.
Basic Tags Proper implementation of basic tags (<p>, <h1> to <h6>, 5/5
<br>, <hr>, etc.).
Formatting Tags Effective use of formatting tags (<b>, <i>, <u>, <em>, 5/5
<strong>, <sub>, <sup>).
Multimedia Tags Correct use of multimedia tags like <audio> and <video> with 10/10
attributes (e.g., controls).
Image Tags Proper implementation of <img> tag with src, alt, height, and 5/5
width attributes.
Lists Creation of ordered (<ol>), unordered (<ul>), and nested lists 5/5
with list items (<li>).
HTML It uses of horizontal Rule and Break Line. 5/5
Navigations
Code Validation HTML code is error-free and follows proper indentation and 5/5
structure.
Creativity and The page layout is visually appealing and effectively uses tags 5/5
Design for an engaging presentation.
Total Score(s):
Scoring Notes:
1. Full Marks: Award full points if the criterion is fully met.
2. Partial Marks: Deduct points for minor errors or incomplete implementations.
3. No Marks: Assign zero points for missing or completely incorrect implementation.
Prepared by:
MR. JOSHUA A. CASAS
Computer Education, Teacher
Republic of the Philippines
BILIRAN PROVINCE STATE UNIVERSITY
THANK YOU LORD! SCHOOL OF TEACHER EDUCATION
GOD BLESS!! LABORATORY HIGH SCHOOL
School Id: 600074
ISO 9001:2015 QMS CERTIFIED
COMPUTER EDUCATION-9 PROJECT | SY:24-25
2ND Quarter
nd
2 QUARTER PROJECT USING HTML
GRADE LEVEL & SECTION: Grade 9- Electron, Neutron & Proton
SUBJECT: COMPUTER EDUCATION-9
“UNDERSTANDING THE BASIC HTML ELEMENTS AND SYNTAX”
THESE ARE THE CODES THAT YOU SHOULD REMEMBER on creating webpage/website using HTML:
Note: These are the following HTML Tags that you will remember:
1. <h1>-<h6> : Levels of Headings that is use to display of our Text <H6> Is the smallest fontsize of
our text while <h1> heading is the largest fontstyle that is use for the title of our Text.
2. <i> - italic
3. <b> - <strong> - is used to display bold of our text
4. <ol>-<li> ordered list
5.<ul>-<li> undordered list that is used t
6. <body bgcolor=”yellow”> - The html syntax to ADD background color of your WEBSITE.
7. <sub>- subscripted text
8.<superscripted> -
9.<br>-<br/> - linebreak
9. <Strong><em>- for nested tag
10.<!DOC TYPE html>- starting point of our HTML
11.<html>- Head of our HTML
12.<body>- To body of our html
13. <em>-emphasized
14. <!--this is a comment-- > It is used to Add comments.
15. <p>- paragraph
16. <hr>- Horizontal line/rule
17.<pre>- preformatted
18. <mark>- highlighted text
19. <marquee>- to move a text
20. <font color> - to give a color of a text
LESSON 6-LESSON 08: USING HTML LIST OF TAGS and HTML LINK TAGS,
PROJECT:
Deadlines: November 20, 2024
Directions: Follow the instructions as indicated below:
Note: Each students from Grade 9, Neutron, Electron and Proton are encourage to comply the
given project for the second quarter. Use HTML Editor like, NOTEPAD or NOTEPAD ++.html
editor. Take a ScreenShots of all your outputs and paste it using word document like the folder
you have creates, the HTML syntax or html code and the Final OUTPUT that you had created
using notepad or notepad ++ . Because you need to submit a hardcopies of your final outputs
from your Comp.Ed teacher . The Deadlines will be On December 2-6, 2024/ and three (3) days
EXTENSION pa gayud with regards of the submission. Take Note!!
2nd Quarter Project - Same Partner
2nd Quarter Project - Same Partner
NOTE: Serves as your FINAL EXAMINATION ALREADY!)
Directions: CREATE AN HTML Webpage using your HTML Notepad Editor or notepad + +
text editor – Create a webpage ABOUT your PERSONAL INFORMATION” that includes
your images of yourself and your partner, Include also any multimedia tags like, your
unforgettable videos and include it on your html webpage. From your personal
information your may also include the followings like, your name, your home address,
name of your school, name of your parents and your hobbies, skills and Talents same
with your part.
Example: FINAL OUTPUT – AFTER USING NOTEPAD. CLICK THE FILE TAB AND
SAVE .HTML
OUTPUT OR THE RESULTS USING NOTEPAD++
SOURCE CODE
HTML USING NOTEPAD EDITOR
<!DOCTYPE HTML>
<HTML>
<body>
<HEAD>
<hr>
<h1><center><MARQUEE> MY PERSONAL INFORMATION </MARQUEE> </center></h1>
<hr>
<CENTER><img src="Casas, Joshua A. 2x2 pict.jpg"/></CENTER>
</center>
<font color="black"/>
<h1><center> JOSHUA A. CASAS, MSIT </h1></center>
<h3><center> Faculty No: <i> BiPSU:0075</i> </strong></h3>
<h3><center><strong>BiPSU-Laboratory High School </strong></h3>
<hr>
<center>
<ul><h1>MY EMAIL ADRESS & HOME ADDRESS:</h1></ul>
<font color="red"/>
<li><u><mark>joshua.casas@bipsu.edu.ph</mark></u></li>
<font color="black"/>
<li><h3>P.I. GARCIA ST. NAVAL, BILIRAN - 6560</h3></li>
</center>
</ul>
<hr>
<ol><center><h1>EDUCATIONAL ATTAINMENT<h1></center></ol>
<hr>
<font color="black"/>
<strong>
<li><center>ELEMENTARY:
<BR> NCS</center></li>
<li><center>YEAR GRADUATED:
<BR>2007-2008</center></li>
<li><center>SCHOOL ADDRESS:
<BR> P.I.GARCIA ST. NAVAL, BILIRAN PHILIPPINES 6560</center></li>
<li><center>SECONDARY:
<BR>NSU-LHS</center></li>
<li><center>YEAR GRADUATED:
<BR> 2009-2012</center></li>
<li><center><h3>SCHOOL ADDRESS:
<BR>P.I. GARCIA ST. NAVAL, BILIRAN - 6560</h3></center</li>
</strong>
</ul>
<HR>
<br>
<center>
</center>
<img src="PICT.1.jpg" height="300px" width="300px"/>
</center>
<font color="red"/>
<!--COMMENT--><marquee> NoTE: YOUR PROJECT WILL BE SERVED AS YOUR FINAL EXAMINATION FOR THE SECOND
QUARTER ALREADY!! </marquee></!--COMMENT-->
</BODY>
</HTML>
Note: Creating an HTML “About Your PERSONAL INFORMATION” You must Follow the html code/syntax that can
be found on page 67 USING HTML MULTIMEDIA TAGS. Use your TexTBooks for references. It helps you to
understand the lesson. here are three (3) Multimedia tags that you should used. Follow to synxtax below or use
your ICT Textbook that can be found on (Page 67, 68 and 69) outputs/examples are indicated in your books to
comply the activity 02.
Here are the three (3) HTML Multimedia Tags :
1. <img> Image Tags
Syntax:
<center> <img scr=”my picture.jpg” alt=”This is my favorate picture” title=”KRISHYACINT
DEPAZ” height=”300” width=”800”/></center>
Note: you can add any html tags that you want to use for this activity like <ol>, <li>, <p>, <br>, <h1-h6>,
<i>, <center> and bgcolor for a background color the sytanx are already indicated here from (the things
to remember).
2. <video> Video Tags
Syntax:
<video controls>
<center><source src=”UNFORGETTABLE ABOUT MYSELF.mp4” type=”video/mp4”>
<source src=”UNFORGETTABLE ABOUT MYSELF.ogg” type=”video/ogg”>
</center></video>
3. <audio> Audio Tags- To play an audio on our webpage. We use the audio tag.
Syntax:
<audio controls>
<center><source src=”amazing grace.mp3” type=”music/mp3”>
<source src=”amazing grace.mp4” type=”video/mp4”>
</center></audio>
Directions: Use a laptop or a computer to comply the given activities. Follow the steps below.
Note: For those student na walay computer or laptop. You can use our computers at our computer
laboratory room anytime starting next week in your vacant time only if wala mo’y class. This is a crucial
activity for second quarter and it will serve as your examination already.
GOODLUCK!!
Step 1: Create a one(1)folder from your Desktop.
Step 2: Save all your photos, or unforgettable videos, or music/audio from the folder you’ve created.
Step 3: Use and open HTML Editor like NOTEPAD or NOTEPAD ++.
Step 4: Using Notepad, create an html “ABOUT YOURSELF, HOBBIES, SIBLINGS, PARENTS,
ADDRESS, SCHOOL, GRADE LEVEL & SECTION, FAVORITES FOODS,TEACHER, CLOTHES/WEAR,
FRUITS, SPORTS ETC. and Contact number, email address. Include also videos about
unforgettable videos before and music as well. USE the following html tags<!
DOCTYPE>,<HTML>,<BODY>,<H1>,<P>,<Center>,<OL>,<B>,<i>,<emp><sub>, <UL><!--comments--
> , <bgcolor><img><video><audio> use all the HTML LIST OF TAGS, & HTML Multimedia Tags and
other html element tags. Be mindful also, you can use any html codes that you want to use for this activity.
STEP 5: TAKE A SCREENSHOT AND PASTE USING WORD APPLICATION, AND USE ANY SIZE OF
a bondpaper to print and submit it on or Before December 5-6, 2024 or after the examination.
EXAMPLE:
1. SCREENSHOT 1: MY FOLDER CREATED
2. SCREENSHOT 2: MY HTML CODE
3. SCREENSHOT 3: MY FINAL OUTPUT
Note: Please include a coverpage for your project. Make it sure to include coverpagedesign, submitted by:
(Your_name_and_your_partner’s_name) and submitted to: (name_of_your_teacher).
************************Good Luck!!************************
Prepared by:
MR. JOSHUA A. CASAS
Comp.ED Teacher
Republic of the Philippines
BILIRAN PROVINCE STATE UNIVERSITY
THANK YOU LORD! SCHOOL OF TEACHER EDUCATION
GOD BLESS!! LABORATORY HIGH SCHOOL
School Id: 600074
ISO 9001:2015 QMS CERTIFIED
COMPUTER EDUCATION-9 PROJECT | SY:24-25
GRADE 9- PROTON
PERFORMANCE TASKS- 2ND QUARTER
HAND’S-ON ACTIVITY
SY : 2024-2025
Name of Learners ATTENDANCE- 2nd SCORE’s during QUIZZES Assignments
(BY PAIR) Quarter Hand’s-On
(October & November 2024 Activities
1.
Prepared by:
MR. JOSHUA A. CASAS
Computer Education, Teacher
Republic of the Philippines
BILIRAN PROVINCE STATE UNIVERSITY
THANK YOU LORD! SCHOOL OF TEACHER EDUCATION
GOD BLESS!! LABORATORY HIGH SCHOOL
School Id: 600074
ISO 9001:2015 QMS CERTIFIED
COMPUTER EDUCATION-9 PROJECT | SY:24-25
GRADE 9- NEUTRON
PERFORMANCE TASKS- 2ND QUARTER
HAND’S-ON ACTIVITY
SY : 2024-2025
Name of Learners ATTENDANCE- 2nd SCORE’s during QUIZZES Assignments
(BY PAIR) Quarter Hand’s-On
(October & November 2024 Activities
1.
Prepared by:
MR. JOSHUA A. CASAS
Computer Education, Teacher
Republic of the Philippines
BILIRAN PROVINCE STATE UNIVERSITY
THANK YOU LORD! SCHOOL OF TEACHER EDUCATION
GOD BLESS!! LABORATORY HIGH SCHOOL
School Id: 600074
ISO 9001:2015 QMS CERTIFIED
COMPUTER EDUCATION-9 PROJECT | SY:24-25
GRADE 9- ELECTRON
PERFORMANCE TASKS- 2ND QUARTER
HAND’S-ON ACTIVITY
SY : 2024-2025
Name of Learners ATTENDANCE- 2nd SCORE’s during QUIZZES Assignments
(BY PAIR) Quarter Hand’s-On
(October & November 2024 Activities
1.
Prepared by:
MR. JOSHUA A. CASAS
Computer Education, Teacher
