HTML tables

In this lab, you will first work under instruction to create an HTML table using the table, tr, th, td and caption tags, along with the rowspan and colspan attributes.

Creating tables in HTML is easier if we use some CSS to draw borders on the table. You will (i) download the following to your public_html folder, (ii) fix its permissions (chmod 604), and (iii) link to it from your web page:

• styles.css

Kitchen Zone Web Site

Now take copies of these two files and store them in your public_html folder. The easiest way to copy them is to right-click on them and choose Save Link As.

• kz.html
• kz.jpg

Fix their permissions.

The Kitchen Zone run cookery classes but they also publish a newsletter as a PDF. They want you to create a web page that has the same content as the PDF.

Your job is to edit the body of kz.html, which you copied into your public_html directory earlier.

• You can copy-and-paste the text from the PDF into kz.html, to reduce the amount of typing.
• You decide what tags to use. There is no single correct answer. But your tags should reveal the structure of the document. Hint: make use of many of the tags that we covered.
• Use indentation in the source to reveal the structure of the document.
• Use HTML5.
• Use the XML syntax (the strict rules).
• Validate.

kz.html links to styles.css, which you copied into your public_html directory earlier. As before, it draws borders on your HTML tables, which you may find helpful. Do not modify styles.css. Hence, do not concern yourself with issues of appearance such as layout or colour.

Similarly, do not modify the image, kz.jpg.

Your work will be checked by Derek Bridge some time after Friday 11th October.