WATS 3010: Basic Markup

Welcome to the Basic Markup assignment from WATS 3010: Introduction to Web Development.

In this assignment you will mark up a document based on the decision from Supreme Court Chief Justice Warren in the 1954 Brown v. Board of Education case that made segregated schools illegal in the United States. This is a landmark decision, and heartening to read, but we are not focusing so much on the words as the structure.

The goal of this assignment is to practice marking up documents. You will be expected to use a set of common tags:

• document tags (html, head, body, title)
• headings (h1...h6)
• paragraphs (p)
• links (a)
• lists (ul, li)
• images (img)
• text formatting (b, i, sup)

Refer to the resources listed within the course pages to get more information about formatting HTML and using the tags listed above.

Requirements

This assignment has several requirements. Complete this list of tasks in order to complete the assignment:

1. Review the PDF in this repository (brown_v_board_of_education.pdf) to see the goal formatting for your final document. Your task is to match this formatting as closely as possible.
2. Open the index.html file and you will find that all of the text of the document is waiting for you there. You must add tags to create the structure of an HTML5 document (including html, head, and body tags) and to create the layout as seen in the PDF.
3. Be sure to keep an eye out for all the details in the document: Names of court cases are italicized. The asterisk on one line near the beginning should be a superscript. There are some links in the document, some bold text, and headings are used properly to create a document hierarchy. All of this should be evident in the PDF. (Pro Tip: Use the "find" feature in your PDF viewer to find the names of court cases by looking for "v.".)
4. Place both images as they show up in the PDF example.
5. Add in a <title> tag to the head of your document and at least one <meta> tag (maybe "author" or "description").
6. Once you've completed the mark up work, push your changes to Github and set the Github Pages Source to the master branch (on your repository's Settings page). (Note the URL where your website is deployed.)

Stretch Goals

You can go above and beyond by attempting some of these goals:

• Explore the addition of other meta tags and what they would do for your project.
• Make your page look better when sharing on social media sites by adding Open Graph meta tags: http://ogp.me/
• Use the link tag to connect a stylesheet to add styles.