FIRST QUARTER
Autobiography

AUTOBIOGRAPHY

This activity made used of basic tags in editing paragraphs in discussing our lives.

DEFINITION LIST

This activity used elements to show how a word and its defintion isis supposed to be defined.

Sample lang
Sample lang

TEXT FORMATTING

This activity also used the application of learnig different tags in formatting or editing text.

OUTLINE

In this activity, we used unordered, ordered list tags to arrange the topics depending on their categories.

Sample lang
SECOND QUARTER

IMAGE MAPPING

We used coordinates here af an image and we link it to another page explaining that specified palce.

Sample lang
Sample lang

PERIODIC TABLE

We used an attribute class to represent each group of the elemnts. We also used hover effects and making pop-ups into each of the element.

VERTICAL MENU BAR

In this activity, we used media query to make a responsive menu options.

Sample lang
THIRD QUARTER
Sample lang

SPLASH PAGE

We made our own version of splash page from the group activity we had done.

WEBPAGE

We made a webpage with a specific topics and it should be discussed here.

Sample lang
FOURTH QUARTER
Sample lang

FIELDSET

We used also tags here closely similar in making biodata

CONTACT FORM

Sample lang
Sample lang

BIODATA

In this activity, with the sued of fieldset we made an online biodata with some informations.

SIGN UP

Sample lang
Sample lang

ONLINE STORE

This is an application of what we've learned in PHP.