WEB ICP 2 - navyagonug/CSEE5590-WEB-AND-MOBILE-PROGRAMMING GitHub Wiki
1.Create an HTML document named "index.html". 2.The page should contain
- paragraphs
- Headings
- unordered list
- ordered list 5.at least two div & span elements 6.at least four block and inline elements 7.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 8.any relevant video/YouTube video. The video should have controls like play, pause, etc.
The following screenshots shows a simple webpage I have created satisfying all the requirements,
I have made use of headings (From h1 to h4), paragraphs, Ordered list specifying symptoms of Coronavirus and unordered list saying about prevention and treatment for this disease. Div elements and span elements are used in an appropriate way.
I've used inline elements such as span, video, br and bold (B) whereas the block elements I used in this code are div,h1 to h5, p, ol, ul etc.
I have also placed a relevant video on the webpage. This can all be seen in the below screenshots.
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 ImageI
As per the guidelines, I have downloaded the source code from Inclass folder. From here, I have added a bit more code to make the previously opened tabs appear as well as put a logo image.
Create a 'cube-shaped color grid' as shownin the Image IIusing HTML
- Each color grid should be 70 × 70
- The cube should be center-aligned 3.No mandatory of colors (you can choose colors of your like)
Below is the screenshot showing how a 7070 grid. I have made use of flex property and center alignment to make the grid appear at the center. In addition I have added a CSS styling sheet to provide margins between the grids as well as set the size of each grid (7070) which are as per the guidelines.