Purpose
Use Cascading Style Sheets (CSS), floating elements and the HTML5 semantic elements to create a web page an associated CSS style files.
Due dates
This assignment should be completed by 11:00 PM on Wednesday, 15 April, and uploaded, in one or two files, to Moodle at CSS.
The HTML5 page
Create a web page that includes the following:
- At least five of the new HTML5 semantic elements mentioned in the W3School&’ HTML semantic elements page
- A list enumerting the five HTML5 semantic elements you used
- At least one floating image as decribed in the W3Schools’ float and clear page
It is OK to just use the lorem ipsum to generate your text.
The ugly CSS page
Write a web page and associated CSS page which contains a table with three columns and one row with header elements and three rows with data elements, a bit like the following.
Head West | Head Center | Head East |
---|---|---|
Data North West | Data North Center | Data North East |
Data Center West | Data Center Center | Data Center East |
Data South West | Data South Center | Data South East |
However, the fifteen entries of your table must be rendered in all sorts of ridiculous manners using CSS such as:
- Weird text colors
- Annoying backgrounds
Use the w3cschools.co CSS tutorial for examples.
One more requirement
Although it may be easier, to prepare yourself for serious HTML and CSS programming don’t use inline styles in this assignment. Use either an internal or external style sheet.