HTML - tabeller og punktlister

Tabeller på nettsiden

En tabell kan være fornuftig å bruke for å gi en bedre oversikt på en nettside. For å lage en tabell bruker vi <table>. Hver ny rad starter med <tr>, mens cellene i raden markeres med <td>. I den øverste raden kan man bruke <th> i stedet for <td> for å markere at dette er overskrifter. Legg merke til at de automatisk blir satt i fet skrift og midtstilt i cellen i tabellen.

I dette eksempelet er det verdt å merke seg følgende:

Bredden på tabellen kan enten settes til prosent eller en fast sidebredde i pixler. Her er det valgt 100% som sier at tabellen skal gå over hele sidebredden. Dette gjelder også for bilder, videoer o.l.

Vi har lagt til border - som sier at vi skal vise kantlinjer. Her er den satt til 1, men man kan også velge å få fetere streker ved å øke tallet. Vi kunne også satt border som <table border="1"> på en egen linje. Hvis man ikke angir border vil det ikke være kantlinjer i tabellen. 

Prøv deg fram med ulike løsninger selv på denne lenka.

Punktlister

Man kan legge på mange ulike måter å markere lister på (sirkler, vinkler, streker, tall), men vi tar her fram de to mest brukte; kulepunkter og tall.

En kulepunktliste starter med <ul> som står for unordered list. Hvert element i lista starter med <li> - som står for list item.

Prøv selv på denne lenka.

Hvis du skal en en liste med tall starter vi med <ol> - ordered list, mens vi fortsatt bruker <li> på hvert element i lista.

Nummerte lister kan du prøve deg på via denne lenka.