HTML and CSS
HTML (the HyperText Markup Language) and CSS (Cascading Style Sheets) are the fundamental technologies used to create web sites. HTML handles the content whereas CSS manages the presentation (i.e., style) of that content. This assignment allows you to practice creating a simple website using HTML and CSS.
- Expected duration
- 1 hour or less, depending on prior experience
- Deadline
- 2359 on Lesson 24
- Points
- 10 points
- Submission
- Canvas
Learning Objectives
- Distinguish between the different roles of HTML and CSS
- Create a simple website using HTML and CSS
Help Policy
- Authorized Resources
- Any, including classmates
- Notes
- Never copy another person’s work and submit it as your own.
-
You must document all help received from all sources, including the instructor and instructor-provided course materials (such as the textbook).
For this assignment, you may not use someone else’s web page as a template, only modifying the content (i.e., personal information). You must create the web page yourself, although you may ask classmates about HTML and CSS syntax.
Instructions
Using the information from the introductions assignment, create an HTML web page with a
title (using the title
tag), headings, hyperlinks, lists, images, etc. for
your biographical sketch (i.e., all the information in the README). Use CSS to
alter the visual display of the various elements (e.g., you might change the
font color of the headings).
Name your web page biography.html
. After creating this file, you can open it
directly in your preferred web browser to see how it looks. Rather than
creating a separate stylesheet, embed the CSS directly in the document using
the style
element – i.e., include the following in the document’s head
element:
<style type="text/css">
/* Insert CSS rule set(s) here */
</style>
In general, it is preferable to use external stylesheets, but embedding the stylesheet in the HTML document means that you’ll only need to submit a single file for this assignment.
You may also find the W3C Markup Validation Service helpful (see the “Validate by File Upload” or “Validate by Direct Input” tabs) – your web page should be well-formed and valid HTML.
Submission
Submit your HTML web page (including the embedded CSS style sheet) using Canvas.