Rajeshwari Sai Aishwarya Puppala

Class ID-20

The task given under ICP_2

Objective:

The main objective of this ICP is to understand the basics of HTML(Hypertext markup language) and CSS(Cascading Style Sheets) which are found to be the basics of Web programming.

The tasks given under this ICP are divided into HTML task and CSS task.

HTML Task

Create an HTML document named "index.html".

As there are three tasks I have created 3 task folders and I have created an index.html file in task_1.

The Web page should consist of different HTML classes

The following picture contains three different HTML tags namely Headings, ordered list, unordered list.

The following picture contains different HTML tags namely paragraph, strong, div tags, video element, images.

Output:

The output of Heading tags, paragraph tags and unordered list.

The output of ordered list, span elements, strong tags.

The output of paragraph, video and Hyperlink

Task-2: CSS

Task 1: Add the notifications icon and your image in the corner of the page and the recently opened tabs below the search bars of Google.

To do this task I have created a new CSS file for adding the recently opened tabs which is as follows

Adding the corresponding CSS in the HTML file and adding the notification and photograph to the HTML file.

Now, adding the recently opened task using the new CSS file added to HTML file.

Output:

Task 2: Create a 'cube-shaped color grid' using div elements

Using the same CSS file which have been designed for the above task, I have written a separate HTML file for displaying the grid colors.

Output

Video links: Part1: https://drive.google.com/file/d/18RCaC-nElFWoSmJQpW5tmkw7BKzGJ80L/view?usp=sharing

Part2:https://drive.google.com/file/d/1xOr2poj7e-oXKIxbbH4QwamlsNZboL8G/view?usp=sharing

---