Wikibooks

HTML/Basiscursus/Tabellen: verschil tussen versies

Interactief door geschiedenis bladeren
← Vorige wijzigingVolgende wijziging →
Verwijderde inhoud Toegevoegde inhoud
VisueelWikitekst
Pittaman (overleg | bijdragen)
82 bewerkingen
k Stijlaanpassingen
Regel 9:
De basissyntax voor een tabel in HTML ziet er als volgt uit:
 
{{Code|
<pre>
| Taal=HTML
 
| Titel=Voorbeeld gebruik span-element
<table border="1">▼
| Code=
▲<pre><table border="1">
<tr>
<td>Kolom 1</td>
Regel 21 ⟶ 23:
<td>Data 2</td>
</tr>
</table></pre>
}}
 
Dit geeft het volgende in een browser:
</pre>
 
We hebben dus één tabel (&lt;table&gt;) gemaakt met daarin twee rijen (&lt;tr&gt;) en per rij twee data velden (&lt;td&gt;).▼
In een webbrowser geeft dit hetvolgende:
 
<table border="1">
<tr>
<td>Kolom 1</td>
<td>Kolom 2</td>
</tr>
 
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
</table>
 
▲We hebben dus één tabel (&lt;table&gt;) gemaakt met daarin twee rijen (&lt;tr&gt;) en per rij twee data velden (&lt;td&gt;).
 
=== Tags ===
Regel 45 ⟶ 34:
Voor de bouw van tabellen beschik je over de html tags:
 
* &lt;table&gt;[[HTML: &lt;/table&gt;-tag|table-tag]]: Begin en einde van één tabel.
* &lt;tr&gt;[[HTML: &lt;/tr&gt;-tag|tr-tag]]: "Table Row"; begin en einde van een rij.
* &lt;td&gt;[[HTML: &lt;/td&gt;-tag|td-tag]]: "Table Data"; moet binnen &lt;tr&gt; &lt;/tr&gt;.
* &lt;th&gt;[[HTML: &lt;/th&gt;-tag|th-tag]]: "table header"; net als &lt;td&gt; maar duidt een titelveld aan (gewoonlijk andere opmaak dan gewone tabel data).
 
=== Attributen ===
 
HetDe &lt;table&gt;[[HTML: elementtable-tag|table-tag]] heeft als belangerijkste attributen:
 
* '''border''': de dikte van de randen (van elke tabelcel) in pixels. Zet border=0 om een tabel te verkrijgen waarvan de randen niet zichtbaar zijn. Aangezien sommige browsers standaard randen weergeven en andere standaard niet is het aangeraden altijd het border attribuut te definiëren.
Regel 62 ⟶ 51:
* '''width''': de breedte van de volledige tabel.
 
Men moet er zich van bewust zijn dat hetde table[[HTML: elementtable-tag|table-tag]] '''geen''' height attribuut heeft. Wanneer je tabellen voor layout gaat gebruiken is dit een veel voorkomende fout.
 
Voor &lt;[[HTML: td&gt;-tag|td-tag]] zijn vooral '''colspan''' en '''rowspan''' van belang. Colspan zegt voor een bepaalde cel over hoeveel kolommen zij moet spannen. Standaard is dit één kolom, maar je kan ook één cel twee kolommen laten overspannen. Hetzelfde geld voor rowspan, maar dan in verticale richting.
 
== Opmaak met tabellen ==
Regel 75 ⟶ 64:
 
=== Tabellen nesten ===
 
 
 
 
{{HTML-navigatie|
|Vorige=* Vorige: <nog onbekend>
|Omhoog=* Omhoog: <nog onbekend>
|Volgende=* Volgende: <nog onbekend>
}}
 
[[Categorie:HTML|Tekst structureren]]
Informatie afkomstig van https://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.