Convert the document at https://www.toronto.ca/legdocs/mmis/2012/gm/bgrd/backgroundfile-51599.pdf
to a valid HTML5 document in the file index.html
. You can use backgroundfile-51599.txt
above as a
starting point.
Focus on the structure of your document vs. how it looks. We'll worry about styling in the coming weeks when we begin learning CSS. For now, make your HTML5 document as accurate as you can, but don't worry if it's not 100% identical (e.g., right-aligned text, signature section, etc).
Here is a list of things you should do:
- Create a valid HTML5 document
- Specify the language of the document as English
- Include elements for the document's Date and Description (repeat the Summary)
- Structure the document into a
header
,main
, andfooter
:- The
header
should include the logo as animg
, specifying appropriate width and alt attributes. Find a City of Toronto logo you can use online. Include all text down to the SUMMARY, usingtable
for all of the Date:, From: etc. fields. - The
main
should include:- Format at least two of the dates in the document using the
time
element with valid datetime attribute - Use the
hr
to create the sectioning lines in the original document - Use
h1
,h2
, andh3
as necessary for headings. You should have only 1h1
element in the document - Use
strong
for text that isn't a heading but needs to be bolder - Use lists for the RECOMMENDATIONS and ISSUE BACKGROUND sections. Research a way to start the numbering at 9.
- Include a hyperlink for the single URL.
- Format at least two of the dates in the document using the
- The
footer
should include the CONTACT section- Include hyperlinks for telephone numbers and email addresses.
- Wrap addresses in an
address
element, and usebr
to separate lines. - Place both
address
elements in their owndiv
to place extra space above/below
- The