Back to the index| Previous | Next
Competences: Insert an ordered or unordered list in the web page.
Contents: The tags ol, ul and li
Here an example of ordered list:
Code | Output |
First Comenius partner schools: <ol> <li>Germany</li> <li>Italy</li> <li>Malta</li> <li>Poland</li> <li>Romania</li> <li>Spain</li> </ol> |
First Comenius partner schools:
|
Note: the tag ol is at the beginning and at the end of the list. The tag li is in each line!
Here an example of unordered list:
Code | Output |
First Comenius partner schools: <ul> <li>Germany</li> <li>Italy</li> <li>Malta</li> <li>Poland</li> <li>Romania</li> <li>Spain</li> </ul> |
First Comenius partner schools:
|
Note: the tag ul is at the beginning and at the end of the list. The tag li is in each line!
Every line can be an anchor. In this case the a tag is inside the li tag:
Code | Output |
Comenius Live partner schools: <ul> <li><a href="http://lyk-peir-irakl.ira.sch.gr/">Greece</a> </li> <li><a href="http://www.liceotorelli.it/">Italy</a></li> <li><a href="http://www.czart.pulawy.pl/">Poland</a></li> </ul> |
Comenius Live partner schools: |
Besides the usual style properties, as the font or the color, it's possible personalize the lists by the property list-style-type.
Here some values:
Property and values (css code) | Type of list points |
ul {list-style-type: disc} | |
ul {list-style-type: circle} | |
ul {list-style-type: square} |