Hoe een tabel in HTML te maken

Het bouwen van een tabel in HTML is een beetje moeilijk. Maar door de stappen in dit artikel te volgen, kunt u een tabel voor uw website maken.

Inhoud

Stappen
Tips
Waarschuwingen

stappen

Titel afbeelding Italicize Text in HTML Stap 1

Open een tekstbewerkingsprogramma zoals Kladblok of Wordpad in Windows of Tekstedit op Mac.

Titel afbeelding Create a Table in HTML Code Step 2

Typ alle gewenste HTML-code vóór uw tabel.

Definieer het gebruik van de tabel in het HTML-document door het label te typen .

Titel afbeelding Create a Table in HTML Code Step 3

Druk op Enter.

Titel afbeelding Create a Table in HTML Code Step 4

Titel afbeelding Create a Table in HTML Code Step 5

Typ het openingsetiket van de rijen in de tabel: tag.

Vergeet niet om de rest van de elementen van links naar rechts te bouwen.

Titel afbeelding Create a Table in HTML Code Step 7

Druk op Enter.

Titel afbeelding Create a Table in HTML Code Step 8

Typ een titel voor de tabel met behulp van het label .

Titel afbeelding Create a Table in HTML Code Step 9

Typ de naam die u wilt gebruiken voor de eerste kolom.

Titel afbeelding Create a Table in HTML Code Step 10

Typ de afsluitende tag voor de koptekst van de tabel: .

Titel afbeelding Create a Table in HTML Code Step 11

Druk op Enter.

Titel afbeelding Create a Table in HTML Code Step 12

Herhaal deze stappen (bouw de elementen in de kolommen van van links naar rechts.

Titel afbeelding Create a Table in HTML Code Step 13

Sluit die rij door het label te typen.

Titel afbeelding Create a Table in HTML Code Step 14

Druk op Enter.

Titel afbeelding Create a Table in HTML Code Step 15

Start een nieuwe rij, met een ander label .

Titel afbeelding Create a Table in HTML Code Step 16

Druk op Enter.

Titel afbeelding Create a Table in HTML Code Step 17

Typ de tabelinformatietag: tag.

Titel afbeelding Create a Table in HTML Code Step 18

Typ de informatie die u in elk veld wilt invoeren.

Werk van links naar rechts wanneer u de informatie in de kolommen invult.

Titel afbeelding Create a Table in HTML Code Step 20

Sluit elk item met het label.

Herhaal dit proces voor elk item dat u gaat invoeren.

Voor cellen die geen informatie nodig hebben, typt u de labels en , en schrijf niets tussen hen in. Dit is vooral handig voor cellen die zich tussen twee andere cellen bevinden.

Titel afbeelding Create a Table in HTML Code Step 21Bullet1

Titel afbeelding Create a Table in HTML Code Step 22

Sluit elke rij met het label.

Titel afbeelding Create a Table in HTML Code Step 23

Herhaal dit proces voor elke rij door de labels toe te voegen en totdat u klaar bent met het schrijven van informatie in alle rijen.

Titel afbeelding Create a Table in HTML Code Step 24

Sluit de tafel met het label.

Titel afbeelding Create a Table in HTML Code Step 25

Typ de rest van de HTML-tekst die u wilt voor de rest van het document.

tips

Pas een inspringing toe op elke regel om te begrijpen wat u in de code probeert te doen.

waarschuwingen

Als u veel kolommen met informatie opgeeft waar geen tabelkop is, verschijnen ze in het document, maar het ziet er vreemd uit en de lezer zal niet begrijpen waar de informatie over gaat.
Het bouwen van tabellen in een HTML-pagina is een ingewikkeld proces om te begrijpen. Eerst oefenen met externe informatie om te zien hoe het eruit ziet, dan een voorbeeld krijgen en plaats je nieuwe bord op zijn plaats.
Het proces om een code te maken om een tabel in HTML te maken, wordt beter overgelaten aan de professionals. Echter, na het volgen van deze instructies, kunt u beginnen om een professional te worden.

Delen op sociale netwerken:

Verwant