Use gedit, emacs, or whatever text editor you like.

Put all your files in the same directory.

1. Choose a scientific personality (Socrates, Albert Einstein, Tim-Berners
   Lee, Alan Turing etc.)

2. The goal of the lab is to create a Web site with four pages.  In the
   home page, index.html, copy-paste a few paragraphs from Internet with
   what this person discovered, or said, or wrote etc, and add a small
   photo of him/her which points to a bigger photo of him/her.  The second
   page, bibliography.html, contains a list (using <ul>) with the titles
   of some books he/she wrote.  The third page, biography.html, shows in a
   few paragraphs (copy-paste from Internet) his/her biography.  The last
   page, contact.html, mentions your name, your photo, and your e-mail as
   a mailto link.

3. For each of the pages you wrote, show the source code in the browser
   (in firefox press ctrl-u) and fix all errors (shown in red).
   Afterwards, upload them to https://validator.w3.org and fix all error
   and warning which appear, if any.

4. Add at the top of each page an h1 element with the title of the page
   ("Biography", "Contact" etc.)

5. Write a CSS file where you declare that h1 text should be in red and
   centered in the page.  Check that it works.  Check the CSS file on the
   validator Web site (choose the CSS service at the bottom of the
   validator page).

6. Modify the style of all links so that they do not have a line below
   them, and that when you hover the mouse on them, the foreground be
   white and background black.

7. Replace little points at left of unordered lists (ul) by little
   squares.

8. Insert a fine (3px) green shadow at bottom and right of each h1
   element.

9. Make each paragraph of home and biography pages start with an initial
   (first example of
   https://en.wikipedia.org/wiki/Initial#Types_of_initial).  Its height
   should be twice as much as font height.  Afterwards, modify the default
   font size of your browser (look in Preferences), reload the page and
   check that the initial is still twice as big as normal text.  Put back
   the default size in your browser.

10. Add on each page a menu with links to all the pages you wrote (use nav
    tag, as shown in rwd example).

11. Make the menu invert the colours of foreground and background of the
    current menu item when the mouse is on it.

12. Add a photo of your chosen personality as favicon of all the pages of
    your Web site.

13. The initial has blue colour if page is shown on screen, and black if
    printed (check with Print preview).  If screen width is greater than
    100em, use two columns instead of one for home and biography pages.
    Finally, add a background image on all pages.  It must not appear when
    pages are printed to paper.

14. Check all the written pages by showing the page source in the browser,
    and using the validator Web site and fix all warnings and errors (CSS
    file included).