web ICP2 - PardhaSaradhi74/Web-and-Mobile-2020-summer GitHub Wiki

Pardha Saradhi Ramineni

Source Code:

https://umkc.box.com/s/o89ppb03nfigikgyul79oaa6bznx6s73

In this i executed the source code and got the following output

**HTML Task1.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.**

Answer) first i created html page index.html. In this program i created a webpage named cricket tutorials.In that i have added some basic html tags like paragraphs.Headings of the list are cricket names.I wrote a unordered list named cricketers and a ordered list named countries.In this web page div and span elements are kept in blocks like batting,cricket is everything etc.Here i have provided images of cricketers through href and when you click on the image it directs to the webpage of that cricketer.And finally a relevant video of the cricket is placed in webpage in which you can play and pause the video.In addition to that bCackground image of the page is also kept.

2)CSS Task1.Download the Source Code and run the starter code given in the'Inclass'folder with WebStorm2.As shown in the ImageI, add the notifications icon and your image in the corner of the page and the recently opened tabs below the search bars of Google.

Answer)In this program i created basic google page.In that page notifications icon and profile image of mine is kept.ANd in addition to it i added the images of recently viewed web pages.Some basic google icons like navigation bar,speech icon is placed in the page.The corresponding output is mentioned below pictures.

3.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 of your like)

ANSWER)

The following is the HTML output for the 'cube shaped colour grid' and is been performed using div,span elements.Here I have used CSS elements to make colour grid sizes as 70 x 70 and to centre-align of the cube and also been coloured to my interest.
⚠️ **GitHub.com Fallback** ⚠️