In this project we created our first website. We were taught the heading tags, the html tag, head tag, body tag, title tag and what they do. I was told to create a heading and write a paragragph. I was to write about myself and why I join the Web and App Development Program.

Intro To HTML

Below is the code for used to create the card.

In this Project we were taught how to embed an image into a website and how to center the text in the webpage. We learn how to italicize and bold text using HTML Tags, b and i. We were also exposed to the attributes width and height. We used the same paragraph from Lab 1 and inputed images of ourselves and our favorite animals.

Images

Below is the code used to make the project:

In Lab 3, we learnt how to create hyperlinks. The link can be access through words and images. So we linked websites given to image and the name of the site.

HyperLinks

Below is the code used to make the project:

In Lab 4, we were introduced to the table tags: th, td, tr and table. We were also taught about inline css using the attribute style and the property background color. This was an introduction to rgb values. We had to create a table with different colors.

Tables and Colors

Below is the code used to make the project:

Lab 5 taught us how to create unordered (Bullet Points) and ordered (Numbered) lists. We explored the table header and footer tags.

List

Below is the code used to make the project:

Lab 6 was mostly an art project. We were to create a pixel image to become the logo for our wesite and input it in the head tag using the link tag. Also we created a banner for own website.

Favicon and Banner

Below is the code used to make the project:

In Lab 7, we created a website. We have a group website, named Mushroom Squad and the group page, is the home page. Here we will have a banner, a heading with our name, a picture of the group members, and a paragraph introducing the group member. On the home page, there will be something that will give the viewer access to our pages, which introduces the pairing members more in-depth. The individual pages will tell the viewer about our journey as web developers.

Homepage

Below is the code used to make the project: