CSci 1001 Lab 1

In this lab you will write a simple web page. Mor specifically, you need to do the following:

1. Start jEdit (in the All Programs in the folder jEdit) or NotePad (in All Programs in the folder Accessories)
2. Open a new file. Save it on Desktop (go to Save As) as mypage.html
3. Start writing your web page by adding the html, head, and body tags, the title, the DOCTYPE declaration, and the comment with the author's name. Open this page in another browser tab and use it as an example (go to View -> Page Source to see the html source).
4. In the browser window open another tab, go to File -> Open File, navigate to Desktop, and open mypage.html. It doesn't have anything in it yet, but it should show the title.
5. In yet another tab open the XHTML validator. Go to "validate by File uploading" and browse to your file. If there are any errors (other than the character encoding message), please correct the errors.
6. One by one add the features listed below to your page. Save the file after each change, reload it in the browser and check it using the validator. When you are adding HTML elements, make sure to add the opening and closing tags first, and then put the text in between them.
   The contents of your page doesn't matter - add any random text.
   Here is the list of features that you need to add to your page:
   • A header
   • A paragraph with at least one element (such as cite, dfn, etc.) included in it.
   • A list with at least two items.
   • A link to any other web site (UMM web site or weather.com is fine). Make sure that the link works.
   • A horizontal rule <hr>
   • An image. Copy an image from any web page: slowly right-click on it, go to "Save as", and save it on Desktop. Then add include it into the page using <img> tag. Use the example web page as a sample (however, you don't have the images folder, so include just the file name). Make sure to add the alt attribute.
   • A table 2-by-2 elements. Again, use the sample web page as a guide. Put some text in the table cells, otherwise the table may not show up. Do not include images in the table and do not set the border.

At the end of the lab

• Send your html file by e-mail to me elenam at morris.umn.edu and to yourself. You don't need to include the pictures in the e-mail since you can always download them again.
• If you are not finished with all tasks, you may continue working on the lab at home. In this case please submit it with the peoblem set.

This page is a part of CSci 1001 course web site.