AUTOBIOGRAPHY

DEFINITION LIST

Autobiography Definition List
Our first work in HTML. We learned about the basics in an HTML work such as the "p" tag, and it defines as the paragraph. We used description list tag or the "dt" tag. The "dl" tag is used in conjunction with "dt" (defines terms/names) and "dd" (describes each term/name).

TEXT FORMATTING

OUTLINE

Text Formatting Outline
It is composed of 5 parts: Word Definition, Mathematical Equation, Language Translation, Short Poem, and Grammar Vocabulary. We used the "ul" or the unordered list tag which defines an bulleted list and "ol" or the ordered list tag which can be numerical or alphabetical.

IMAGE MAPPING

INDEX

Image Map Periodic Table
I learned about image map, and it is a list of coordinates relating to a specific image. And in order to hyperlink areas of the image to different destinations, we should learn how to get the coords. This is a compilations of the activities we've done in the First Quarter. The "a" tag defines a hyperlink, which is used to link from one page to another.

PERIODIC TABLE

VERTICAL MENU BAR

Index of First Quarter Vertical Menu Bar
We used the "table" tag with "th", "tr" and "td". "tr" defines table row, "th" defines table header and "td" defines a table cell. In this activity, we create a horizontal nav which is responsive. And to make this possible, we used media queries.

SPLASH PAGE

OWN PAGE

Spalsh Page Ecology
From our group work project, we made our own splash page. Each of us made a page w/ different topics. Each of us designed and created our own pages.

FIELDSET

CONTACT FORM

Activity Definition List
This activity given by our Student Teacher Ms.Alparaz. It is about the "fieldset" tag. I used different kinds of HTML Forms such as "input" tag, "select" tag, "option" tag, etc.

BIODATA

SIGN UP FORM

Biodata
We created an online biodata using HTML Forms. Just like the biodata, we created this sign-up form using HTML Forms.

ONLINE STORE

Online Store
This is my Online Store. It is an PHP file, which stands for PHP:Hypertext Preprocessor. PHP is a server-side scripting language designed for web development but also used as a general-purpose programming language. Before we started working on it, we watched many video tutorials. And this is my final project.