Títol pàgina. Encapçalament 1
Labore et
dolore magna aliqua. Ut enim minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Taula 'tipus01'
Les taules que es troben dins d'un bloc 'tipus01', tenen el fons de color blau, i els encapçalaments <th> blau més fosc.
Els encapçalaments amb classe 'first' (<th class="first">) tenen el fons blau molt fosc i el text blanc:
Concepte | Camp 1 ean at sapien metus | Camp 2 | Camp 3 sit amet vehicula metus scelerisque |
---|---|---|---|
Etiam varius | Nisl neque | viverra eu eget nunc | Curabitur laoreet massa |
Lorem ipsum | Aliquam at felis nec quam consequat | Lobortis ut | Feugiat in lorem |
Sed vel justo tempus purus varius faucibus | Morbi rhoncus accumsan euismod | Phasellus nisl neque | Lorem ipsum |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
A continuació hi ha un element <hr>. Solament es veuen dins d'un bloc 'plain-txt':
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Taula 'tipus02'
Les taules dins un bloc 'table02' tenen fons blanc i solament una vora inferior :
Concepte | Camp 1 | Camp 2 | Camp 3 |
---|---|---|---|
Etiam varius | Nisl neque | viverra eu eget nunc | Curabitur laoreet massa |
Lorem ipsum | Aliquam at felis nec quam consequat | Lobortis ut | Feugiat in lorem |
Sed vel justo tempus purus varius faucibus | Morbi rhoncus accumsan euismod | Phasellus nisl neque | Lorem ipsum |
Taula 'tipus01' classe 'zebra': llistats de dades
Quan necessitem mostrar llistats de dades extensos, podem utilitzar, dins d'un bloc 'table01', una taula amb la classe 'zebra' (<table class="zebra" ...>).
Si s'insereix el codi javascript apropiat en el <head> de la pàgina, tot i que en Dreamweaver es vegi normal (potser el text més petit), als navegadors, el fons s'alterna en files parells i senars entre blau clar i un blau una mica més fosc.
Nom | Telèfon | Mòbil | Adreça-e |
---|---|---|---|
Etiam Varius | 934 035 218 | 611 325 442 | evarius@ub.edu |
Lorem Ipsum | 934 035 213 | 611 325 418 | lorem.ipsum@ub.edu |
Tempus Purus Faucibus | 934 035 476 | 611 325 322 | faucibus@ub.edu |
Morbi Rhoncus | 934 035 284 | 611 325 581 | m.rhoncus@ub.edu |
Accumsan Euismod Mod | 934 035 943 | eusimod@ub.edu | |
Nisl Neque | 934 035 215 | 611 325 386 | nislneque@ub.edu |
Viverra Eu Eget | 934 035 765 | 611 325 768 | veeget@ub.edu |
Phasellus Nisl Neque | 934 035 486 | 611 325 689 | phasellusneque@ub.edu |
Curabitu Raoreet | 934 035 934 | 611 325 456 | craoreet@ub.edu |
Feugiat in Lorem | 934 035 259 | 611 325 375 | filorem@ub.edu |
Aliquam at Felis | 934 042 794 | 611 325 444 | felis@ub.edu |
Nec Quam Consequat | 934 035 987 | 611 325 789 | consequat@ub.edu |
Lobortis Ut | 934 036 456 | 611 325 658 | ut@ub.edu |
Tempor Incididunt | 934 035 735 | 611 325 352 | incididunt@ub.edu |
Llabore et Dolore | 934 035 194 | dolore@ub.edu | |
Magna Aliqua | 934 035 004 | 611 325 782 | aliqua@ub.edu |