Lab 1. Semantic markup (3 points)

This lab is the first step in creating your own HTML5 page, which is a part of project 1

1.     Prepare a plain text file with the information about your favorite artist.

2.     Enclose your file with HTML structure tags: <HTML></HTML>.

3.     Add DOCTYPE attribute.

4.     Create head element, and enclose in it title and character set.

5.     Add link to the following style file: show.css, by putting the following line inside head element:

<link href="show.css" rel="stylesheet" type="text/css"/>

Make sure the file itself resides in the same directory as your html file.

6.     Enclose the content of the document with <body></body> tags.

7.     Consider page structuring with block elements: article, section, paragraph, aside. Mark-up these elements in your content.

8.     Add other block elements: blockquote, address.

9.     Now carefully read the document and mark-up an appropriate content with the following in-line elements: small, strong, em, abbr, dfn, q and time.

The marked-up file should look similar to this file.

10.                        Demonstrate complete work to the instructor by the end of this or at most by the end of the following lab.

 

Summary of all lectures required for Lab 1.