Inhoud

• Stappen
• Tips
• Waarschuwingen

Het is vrij moeilijk om een ​​tabel in HTML te maken. Maar met de stappen die in dit artikel worden beschreven, zou u er een voor uw site moeten kunnen maken.

Stappen

1. 1 Open een eenvoudig tekstverwerkingsprogramma zoals Kladblok of WordPad op Windows, of op Mac open TextEdit.
2. 2 Voer alle tekst in die u voor de tafel wilt zien.
3. 3 Definieer het gebruik van een tabel voor een HTML-document door de tag table> in te voeren.
   
   
4. 4 Druk op Enter.
   
   
5. 5 Voer de tag voor het openen van de rijtabel in met de tag tr>.
6. 6Vergeet niet om alle resterende elementen van links naar rechts te bouwen.
7. 7 Druk op Enter.
8. 8 Voer een starttag in voor de tabelkop met behulp van de th>-tag.
9. 9 Voer de titel in die u voor de eerste kolom wilt gebruiken.
10. 10 Voer een afsluitende tag in voor het tabelkopelement met behulp van de / th>-tag.
11. 11 Druk op Enter.
12. 12 Herhaal stappen (items in kolommen rangschikken) van links naar rechts).
13. 13 Sluit deze regel door de tag / tr> in te voeren.
14. 14 Druk op Enter.
15. 15 Begin een andere regel met een andere tr>-tag.
16. 16 Druk op Enter.
17. 17 Voer de tabelgegevenstag in met de tag td>.
18. 18 Voer de tabelgegevens in die u in elk veld wilt opnemen.
19. 19Werk van links naar rechts en vul de gegevens in uit de bovenstaande kolommen.
20. 20 Sluit elke invoer af met de tag / td>.
21. 21 Herhaal dit voor alle tabelgegevens die u hebt.
    • Voor cellen waar u niets hoeft in te voeren, voert u td> en td> in en niets daartussenin. Dit is erg handig voor velden tussen twee andere velden.
22. 22 Sluit elke regel met een andere / tr> tag.
23. 23 Herhaal elke regel naar beneden naast de regels tr> en / td> totdat elke regel is samengesteld.
24. 24 Sluit de tabel met de tag / table>.
25. 25 Voer de volgende HTML-tekst in die u nodig heeft voor de rest van het document.

Tips

• Spring vanaf elke regel in, zodat u kunt begrijpen wat u in uw code probeert te doen.

Waarschuwingen

• Als u per ongeluk te veel kolommen met gegevens invoert zonder tabelkop, worden ze nog steeds weergegeven, maar ze zien er een beetje dom uit en de lezer zal niet begrijpen waar deze informatie voor dient.
• Het maken van tabellen op een HTML-pagina is een lastig proces om te begrijpen. Oefen eerst op de externe gegevens om te zien hoe het eruit ziet, blader vervolgens en plaats de nieuwe tabel op zijn plaats.
• De HTML-tabelcode kunt u het beste overlaten aan geavanceerde HTML-codeerders. Nadat u deze instructies hebt gevolgd, wordt u echter ook een van hen.