E-PORTFOLIO


Hello, welcome to my E-Portfolio! My name is Liza Catangcatang. I sometimes take pictures of myself and I often take pictures of my friends and nature.

A picture of me

FIRST QUARTER LESSONS


LESSON 1: XHTML

DESCRIPTION

XHTML is a stricter & cleaner version of HTML, here is an example that I made myself where the coding I used is XHTML.

XHTML EXAMPLE XHTML EXAMPLE

LESSON 2: LISTS

DESCRIPTION

It is used to specify lists of information. All lists may contain one or more list elements. Here is an example of the code that I used in my input and the output of it.

list EXAMPLE LIST EXAMPLE

There are 3 types of them:

  1. Ordered or Numbered Lists (ol)
  2. Unordered or Bulleted Lists (ul)
  3. Description, Definition, or Glossary List (dl)

LESSON 3&4: TABLES

DESCRIPTION

Allows you to organize and arrange data into columns and rows.. A table by default has no borders, so you need to have a value of at least 1 for the border attribute. Here is an example of my code and the output of it.

TABLE EXAMPLE TABLE EXAMPLE

Lesson 5: Hyperlinks

DESCRIPTION

Reference links that allow you to navigate to another page of the same document or another document.

HYPERLINK EXAMPLE HYPERLINK EXAMPLE

Has 3 types:

  1. Absolute URL: links to a page on a different server
  2. Relative URL: links to a page on the same server
  3. Named Anchor: links to a diff. location of the same page

There is also a mailto command that I will show you on how to make it on a video.


Lesson 6-8:Forms

DESCRIPTION

An HTML form is a section of a document containing normal content, markup, special elements called controls (checkboxes, radio buttons, menus, etc.), and labels on those controls.

TEXTBOXES

Online forms are webpages designed for gathering info on the Internet. These HTML documents are sent back to the server when the user submits them. Areas on the form: fields, text fields, or text boxes, here is an example of a text box that I made.

TEXTBOX EXAMPLE TEXTBOX EXAMPLE

DROPDOWN BOXES

offer users a variety of choices where only one can be selected. Here is an example of a dropdown box that I made.

XHTML EXAMPLE XHTML EXAMPLE

FORM

allows you to gather feedback from your readers or visitors and work on the data to provide better service. Here is a VERY long example that I made.

FORM EXAMPLE FORM EXAMPLE

R E F L E C T I O N

As I move on to the next quarter, I would like to look back at the previous one.

During 1st quarter, I faced a lot of hardships coding, but as time went on,

I improved and I can now finally code on my own a little bit.

With a little bit of effort, I can do my best in coding!

I expect myself in the 2nd quarter to improve a lot in coding.