Name: Aravind Reddy Keshireddy (16314891)

ICP2

In this module, Various HTML tags are used and worked on CSS file linking with HTML file with the content. All the required tasks are performed and shown below accordingly for ICP2.

HTML Task

1.Create an HTML document named "index.html".

An Html page named "index.html" is created and pushed into the git cloud.

2.Tags in the HTML Page

Different tags are being used on the page and they are shown below.

• paragraphs

CODE OUTPUT

• Headings

CODE OUTPUT

• Unordered list

CODE OUTPUT

• ordered list

CODE OUTPUT

• div and span

CODE OUTPUT

• Image with hyperlink navigate to a new page when opened

CODE OUTPUT

• Video with controls

CODE OUTPUT

---

CODE SNIPPET:

---

OUTPUT:

CSS Task

1. Source code download

The given source code has been downloaded and run successfully in the webstorm and made changes accordingly.

2. add the notifications icon and your image in the corner of the page and the recently opened tabs below the search bars of Google.

Notification and image added in the given HTML page and using flex recently opened tab added under the google search engine.

• Notification and Image.
• Recently opened tabs CSS FILE CONTENTS The following content is added on CSS file for styling purpose.

---

OUTPUT

3.create a 'cube-shaped color grid' using HTML with div & span elements and CSS elements

A cub-shaped color grid is created using div and span tags with a grid element in the CSS file as shown below.

• CODE
• OUTPUT

Video Reference: https://youtu.be/ZABC7HqBzaA