Olika användbara element
Tabeller
Sammanfattning
 

Olika avändbara element

Definition (DFN)

För att markera en ny term, dvs. för att definiera något, kan du använda elementet DFN (av eng. "definition" för definition). Innehållet i detta element presenteras precis som vanlig text (det är främst avsett för att ge bättre möjligheter att beskriva innehållets typ).

  Vi kallar denna sorts djur för <dfn>däggdjur</dfn>. Vi kallar denna sorts djur för däggdjur.

Genomstruken text (STRIKE)

Elementet STRIKE (engelska som betyder "stryka") som presenterar sitt innehåll genomstruket. Detta kan du använda t.ex. för att markera ord som skall utgå ur ett arbetsdokument eller felaktiga ord.

  Rätt och <strike>fel</strike> Rätt och fel

Stor eller liten text (BIG, SMALL)

  Du kan göra <big>viktiga</big> ord större, och <small>mindre viktiga</small> ord små. Du kan göra viktiga ord större, och mindre viktiga ord små

Index (SUB, SUP)

  Två multiplicerat med två är detsamma som 2<sup>2</sup>.

Vi använder två termometrar för mätningen: temp<sub>1</sub> och temp<sub>2</sub>. 		Två multiplicerat med två är detsamma som 22.

Vi använder två termometrar för mätningen: temp1 och temp2.

Tabeller

Innan du börjar arbeta med tabeller bör du sätta dig in i de termer och begrepp som ligger bakom tabellelementen och dess attribut: rader, celler, huvud, osv.. En tabell består av två delar: tabellkroppen och en tabellrubrik som beskriver innehållet för läsaren (på samma sätt som en bildtext gör det). Tabellkroppen består av ett antal rader, vilka i sin tur kan innehålla ett antal tabellceller. Vissa celler kan vara "huvud", dvs. utgöra överskrift eller ledord som beskriver en rad eller en kolumn. En tabell måste ha en tabellkropp med minst en rad som innehåller minst en cell.

  
<table>
  <tr>
  <th>kol 1</th>
  <th>kol 2</th>
  <th>kol 3</th>
  </tr>
  <tr>
  <td>rad 1 kol 1</td>
  <td>rad 1 kol 2</td>
  <td>rad 1 kol 3</td>
  </tr>

  <tr>
  <td>rad 2 kol 1</td>
  <td>rad 2 kol 2</td>
  <td>rad 2 kol 3</td>
  </tr>
</table>
kol 1 kol 2 kol 3
rad 1 kol 1 rad 1 kol 2 rad 1 kol 3
rad 2 kol 1 rad 2 kol 2 rad 2 kol 3

Tabell (TABLE)

En tabell omges alltid av elementet TABLE. Detta element resulterar ensamt inte i någon tabell, utan måste alltid innehålla minst en tabellrad (TR) som innehåller en tabellcell (TD). Elementet TABLE kan innehålla en rad attribut som kontrollerar tabellens utseende.

Tabellram (BORDER)

En tabell har oftast en omgivande ram och ramar runt varje cell, för att rader och kolumner skall framträda tydligt. I vissa fall kanske man dock vill ha en tabell utan ramar. Attributet BORDER används för att kontrollera huruvida ramen skall synas eller ej, och hur tjock den skall vara. Värdet på attributet anger tjockleken i skärmpunkter (pixels); värdet 0 (noll) innebär att tabellen inte har någon ram.

  
<table border=5>
  <tr>
  <td>1 A</td>
  <td>1 B</td>
  </tr>

  <tr>
  <td>2 A</td>
  <td>2 B</td>
  </tr>
</table>
1 A 1 B
2 A 2 B

Tabellbredd (WIDTH)

  
<table width="30%">
  <tr>
  <td>1 A</td>
  <td>1 B</td>
  </tr>

  <tr>
  <td>2 A</td>
  <td>2 B</td>
  </tr>
</table>
1 A 1 B
2 A 2 B

Placering (ALIGN)

En tabell placeras normalt automatiskt på raden efter föregående struktur eller element, till vänster, i ett dokument. Med attributet ALIGN kan du styra placeringen på ungefär samma sätt som vad gäller textjustering. De värden som kan användas för placeringen är:

LEFT
Tabellen placeras till vänster på skärmen. Omgivande text flödar till höger om tabellen.
RIGHT
Tabellen placeras till höger på skärmen. Omgivande text flödar till vänster om tabellen.
CENTER
Tabellen placeras centrerat på skärmen.

Efter denna text följer en tabell som är högerjusterad.

1 A 1 B
2 A 2 B


Tabellrad (TR)

En tabell innehåller minst en rad, vilken i sin tur innehåller minst en cell. Varje rad omges med elementet TR (av engelskans "table row" för tabellrad). Elementet TR kan innehålla en rad attribut som kontrollerar radens utseende, dvs. påverkar alla cellerna på samma rad.

Textjustering (ALIGN, VALIGN)

Innehållet i cellerna på en rad placeras normalt vänsterjusterat i varje cell. Du kan justera placeringen för samtliga celler på en rad, på ungefär samma sätt som med vanlig textjustering, med attributen ALIGN och VALIGN. Attributet ALIGN (engelska som betyder "justering") kontrollerar textens justering i sidled: vänster, höger, centrering, vilket definieras med följande värden:

LEFT
 
RIGHT
 
CENTER
 

Attributet VALIGN (av engelskans "vertical align" för vertikaljustering) kontrollerar textens justering i höjdled: upp, ned, centrerat, med hjälp av följande värden

TOP
 
BOTTOM
 
CENTER
 
  
<table width="30%">
  <tr align=right>
  <td>1 A</td>
  <td>1 B</td>
  </tr>

  <tr align=left>
  <td>2 A</td>
  <td>2 B</td>
  </tr>
</table>
1 A 1 B
2 A 2 B
  
<table>
  <tr align=right>
  <td>1 A</td>
  <td align=left>1 B</td>
  </tr>

  <tr align=left>
  <td>2 A</td>
  <td align=right>2 B</td>
  </tr>
</table>
1 A 1 B
2 A 2 B

Bakgrundsfärg (BGCOLOR)

Du kan, för vissa browsers, kontrollera bakgrundsfärgen för en tabellcell, med attributet BGCOLOR. Färgen beskrivs på samma sätt som textfärg (beskrivs i nästa avsnitt), på formen: "#rrggbb".

  
<table>
  <tr>
  <td bgcolor="#ffdddd">1 A</td>
  <td bgcolor="#ccffff">1 B</td>
  </tr>

  <tr>
  <td>2 A</td>
  <td>2 B</td>
  </tr>
</table>
1 A 1 B
2 A 2 B

Sammanfattning

Tabeller
En tabell består av två delar: tabellkroppen och en tabellrubrik som beskriver innehållet för läsaren (på samma sätt som en bildtext gör det). Tabellkroppen består av ett antal rader, vilka i sin tur kan innehålla ett antal tabellceller. Vissa celler kan vara "huvud", dvs. utgöra överskrift eller ledord som beskriver en rad eller en kolumn. En tabell måste ha en tabellkropp med minst en rad som innehåller minst en cell.

Till: Början av sidan