Download Web Programming About Hypertext Markup Language and more Exercises Web Programming and Technologies in PDF only on Docsity!
Exercise 1 – HTML
Create a web page that looks as shown in figures 1, 2 and 3. Use HTML mark up.
Note: you can use any editor you like to create your webpage. Just make sure that you save your file as plain text and that you give it a .html extension.
The HTML document must begin with a level 1 heading (Interesting facts about animals), followed by a level 2 heading (Updated Weekly!) and a paragraph (This week we have:). Then there is an unordered list (with circle bullets) of two hyperlinks.
Figure 1: View of web page when first opened
When the “Camelids” hyperlink is followed the browser displays the “Camelids” section of the document (as show in figure 2). This section contains a level 1 heading (Camelids), a paragraph and a table (as show in figure 2).
Figure 2: Camelids section
When the “Lions” hyperlink is followed the browser displays the “Lions” section of the document (as show in figure 3). This section contains a level 1 heading (Lions), a paragraph and an image (as show in figure 3).
chmod 711 ~/public_html
If you have changed the permission on your home directory, you may need to reset it to include global execution permission, eg:
chmod 711 ~/.
You can then place HTML or other types of file within your public_html subdirectory. The files you create should be globally readable in order for the web server to access them, for example you can use:
chmod 644 [FILENAME]
eg:
chmod 644 index.html
Your web page can be accessed using the URL:
http://HOSTNAME.cs.nott.ac.uk/~[username]/filename
eg:
http://avon.cs.nott.ac.uk/~abc12d/animals.html
Note: Your web pages will not be accessible outside the university.
