Web_ICP2 - Nikii1118/Web-Programming- GitHub Wiki

ICP2


CLASS ID:10

Name: Nikita Goyal

Introduction


Introducing about HTML AND CSS

TASK-1(HTML TASK)

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

2.The page should contain

paragraphs

Headings

unordered list

ordered list

at least two div & span elements

at least four block and inline elementsimages at appropriate locations in the HTML file and should be clickable,i.e.,when you click the image, it should redirect you to the location of the image in a new tabany relevant video/YouTube video. The video should have controls like play, pause, etc.

Solution:


task-1

task1-1

CSS Task


1.Download the Source Code and run the starter code given in the'Inclass'folder with WebStorm

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 as shown in the Image

task-2

3.Create a 'cube-shaped color grid' as shown in the Image II using HTML

, elements and CSS elements

Each color grid should be 70 × 70

The cube should be center-alignedNo mandatory of colors (you can choose colors of your like)

task-3

⚠️ **GitHub.com Fallback** ⚠️