Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Uitdaging: Ontwerp een Functionele HTML-Tabel | Werken met Media en Tabellen
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Ultimate HTML

bookUitdaging: Ontwerp een Functionele HTML-Tabel

Doel

Presenteer werknemersinformatie in een gestructureerd tabelformaat door geschikte HTML-tags te gebruiken om rijen en kolommen te creëren.

Taak

Maak een tabel met drie kolommen: Name, Position en Wage. Richt je op het gebruik van de juiste HTML-tags om de tabel met de correcte rijen en kolommen te vullen. Hier zijn de gegevens die je moet opnemen:

  1. Name: Emma Johnson | Position: Sales Associate | Wage: $15.50 per hour.
  2. Name: Liam Thompson | Position: Customer Service Representative | Wage: $14.75 per hour.
  3. Name: Olivia Rodriguez | Position: Marketing Coordinator | Wage: $18.25 per hour.
  4. Name: Noah Smith | Position: IT Support Specialist | Wage: $20.00 per hour.
  5. Name: Ava Davis | Position: Administrative Assistant | Wage: $16.80 per hour.
index.html

index.html

index.css

index.css

copy
  1. Gebruik de table-tag om het hoofdcontainer-element voor de tabel te definiëren.
  2. Gebruik de thead-tag om de kopinhoud van de tabel te groeperen, zoals kolomkoppen.
  3. Gebruik de tr-tag om een nieuwe rij binnen de tabel te definiëren.
  4. Gebruik de th-tag om de koptekst voor elke kolom te definiëren.
  5. Gebruik de tbody-tag om de hoofdinhoud van de tabel te groeperen, waaronder de rijen en datacellen.
  6. Gebruik de td-tag om de daadwerkelijke gegevens of inhoud binnen elke cel van de tabel te definiëren.
index.html

index.html

index.css

index.css

copy
Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 4. Hoofdstuk 9

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Suggested prompts:

Can you show me an example of how the table should look in HTML?

What are the correct HTML tags to use for creating the table structure?

Can you explain the difference between thead and tbody in a table?

bookUitdaging: Ontwerp een Functionele HTML-Tabel

Veeg om het menu te tonen

Doel

Presenteer werknemersinformatie in een gestructureerd tabelformaat door geschikte HTML-tags te gebruiken om rijen en kolommen te creëren.

Taak

Maak een tabel met drie kolommen: Name, Position en Wage. Richt je op het gebruik van de juiste HTML-tags om de tabel met de correcte rijen en kolommen te vullen. Hier zijn de gegevens die je moet opnemen:

  1. Name: Emma Johnson | Position: Sales Associate | Wage: $15.50 per hour.
  2. Name: Liam Thompson | Position: Customer Service Representative | Wage: $14.75 per hour.
  3. Name: Olivia Rodriguez | Position: Marketing Coordinator | Wage: $18.25 per hour.
  4. Name: Noah Smith | Position: IT Support Specialist | Wage: $20.00 per hour.
  5. Name: Ava Davis | Position: Administrative Assistant | Wage: $16.80 per hour.
index.html

index.html

index.css

index.css

copy
  1. Gebruik de table-tag om het hoofdcontainer-element voor de tabel te definiëren.
  2. Gebruik de thead-tag om de kopinhoud van de tabel te groeperen, zoals kolomkoppen.
  3. Gebruik de tr-tag om een nieuwe rij binnen de tabel te definiëren.
  4. Gebruik de th-tag om de koptekst voor elke kolom te definiëren.
  5. Gebruik de tbody-tag om de hoofdinhoud van de tabel te groeperen, waaronder de rijen en datacellen.
  6. Gebruik de td-tag om de daadwerkelijke gegevens of inhoud binnen elke cel van de tabel te definiëren.
index.html

index.html

index.css

index.css

copy
Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 4. Hoofdstuk 9
some-alt