Lists and Links

Lists

Bootstrap tools

Unordered lists

Cats:

Miisu
Kot
Mäu
Tom

Using attribute type differnt symbols(disc, circle, square) can be introduced before list item

Cats: type value circle is used

Miisu
Kot
Mäu
Tom

Cats: type value square is used

Miisu
Kot
Mäu
Tom

Ordered Lists

WRC:

Tänak
Ogier
Rovanperä
Loeb
Neuville

Using attribute type, the rome numbering(I,i) or latin letter (A,a) will be used

WRC:

Tänak
Ogier
Rovanperä
Loeb
Neuville

WRC:

Tänak
Ogier
Rovanperä
Loeb
Neuville

Using list item attribute value one can used user specified value

WRC:

Tänak
Ogier
Rovanperä
Neuville
Sunninen

Hierarchical/multilevel lists

Cars

Fossil

Mercedes
Audi

Ford

Hybrid

Toyota

Prius
Rav4
Corolla

Hunday
Volvo

Electric

Tesla

Model S
Model 3
Model X
Model Y

Byd
Nissan

Definition Lists

Term: Explanation of the term
HTML5: Hypertext, used for web development
OOP: Object oriented programming
Php: Scripting Languge for back end development

Bootstarp tools for lists

Inline List:

Cofee
Tea
Water

Horizontal definition list

Term: Explanation of the term
HTML5: Hypertext, used for web development
OOP: Object oriented programming
Php: Scripting Languge for back end development

Links

Links using absolute address

Links wothout filename (just directory), index fiel executed if exists EEK Mainor
Link to beginning of file W3 School
Link to given location in file (using anchor) W3 org Links

Links using relative address

Link to the beginning of the file To beginning of file
Link to fixed location in file Unordered lists
Link to fixed location in file Ordered lists
Link to fixed location in file Hierarcical lists
Link to fixed location in file Definition lists
Link to the file (beginning) in same folder Text formatting
Link to file file1books in subfolder books file1books.html
Link to file file1movies in subfolder movies file1movies.html
Link to file file1bookschildren in subfolder books/children file1bookschildren.html