clear lists  
clearpage1    

Lists
Sometimes the information you want to place on a page should be in one way or another be organized in lists. HTML contains a number of codes that allow you to make these lists. Basically there are three types: un-ordered list, ordered list and definition list. For practising the following information has to be ordered:
Maptypes produced by "LovelyMaps": tourist maps, location maps, route maps, imaginary maps

Unordered list
The tags used here are <ul> and </ul> to indicate the un-ordered list, and <li> to indicate the items to be listed. The definition looks like this:

<ul>
Map types produced by "LovelyMaps"
<li>tourist maps
<li>location maps
<li>route maps
<li>imaginary maps
</ul>

This is the result:

    Map types produced by LovelyMaps
  • tourist maps
  • location maps
  • route maps
  • imaginary maps

Within this list a so-called "nested list" can be made:

<ul>
Map types produced by "LovelyMaps"
<li>tourist maps
<ul>
<li>monochrome
<li>colour
</ul>
<li>location maps
<li>route maps
<li>imaginary maps
</ul>

With this as a result:

    Map types produced by LovelyMaps
  • tourist maps
    • monochrome
    • colour
  • location maps
  • route maps
  • imaginary maps

Action
Create a list of different products "LovelyMaps" produces and try to get the code correct. Add tags as <bold> <size> etc to elements of the list. After typing it in the HTML file, check it in the browser ...
 
clear

 

 

 
clearHome
  prevexerc  
prevpage index nextpage
  nextexerc