User Tools

Site Tools


en:web_development:tables:exercise

Web Development Lesson 4 - Tables

Exercise

Objectivo

In this exercise you will create a table yourself using the HTML you have learnt. You will also create the same table using Javascript.

Setup

  • For this exercise, use your 'tables.html' file in your main directory.
  • Add two tables and give them IDs of 'singers' and 'js' so you can reference them in CSS and Javascript.

HTML Only

  • Create the following table using only HTML.
Name Home Town Birth Year
Shakira Isabel Meberak Ripoll Barranquilla 1977
J Balvin Medellin 1985
Juanes Carolina del Principe 1972
Sebastian Yatra Medellin 1994
Maluma Medellin 1994

Javascript Table

  • Now create a new table below the first and give it an id of js
  • Fill the table with the same data using Javascript.

Next: Summary

en/web_development/tables/exercise.txt · Last modified: 2023/08/16 09:33 (external edit)