ICP 2 - puji1826/Web GitHub Wiki

ICP 2 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.

Source Output

when you click image, it redirects you to the location of the image in a new tab

Output

CSS Task

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

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

Source Code: output

GRID TASK

As shown in the Image II, create a 'cube-shaped color grid' 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 you like)

Source code Output

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