Web Design. Class activity. Lesson II.

List with three items

The tag for a ordered list is <ol>. Each list item is given as the content of the HTML Element <li>. Thus the code we need is 


				<ol>
					<li> Item 1.</li>
					<li> Item 2.</li>
					<li> Item 3.</li>
				</ol>

List of hyperlinks

We want to write a list of 3 hyperlinks to 3 local files and one hyperlink to a folder (directory) in your computer.

Remember, the code for a hyperlink is 


				For Mac:

				<ul>
					<li> <a href="file:///Users/you_user_name/Folder1/Folder2/file1.html"> File 1</a></li>
					<li> <a href="file:///Users/you_user_name/Folder3/Folder2/file1.html"> File 2</a></li>
					<li> <a href="file:///Users/you_user_name/Folder6/Folder8/file1.html"> File 3</a></li>
				</ul>
				</ul>
				

				For Windows (assuming your 3 files live within the Documents folder of your disk D.):

				<ul>
					<li> <a href="file:///D:Documents/Users/you_user_name/Folder1/Folder2/file1.html"> File 1</a></li>
					<li> <a href="file:///D:Documents/Folder3/Folder2/file1.html"> File 2</a></li>
					<li> <a href="file:///D:Documents/Folder6/Folder8/file1.html"> File 3</a></li>
				</ul>
				</ul>

Practice

  1. Write a web page displaying a list with three items.
  2. Write a web page displaying a list three hyperlinks to three local files and a fourth link pointing to a folder in your computer. What shows up when you click on the folder link?

Note: You can post your result for comment on the Discussions section of QuickSchool. Alternatively you may send it to my email at msantos@dragonacademy.org.