Year 10 Computer Science
  • Programming
    • Programming - Maths
    • Scratch Tutorials
    • Programming assessment
  • Computing essentials
    • What is a computer?
    • What is the Internet?
    • What is binary?
    • Encryption
  • Website
    • Learn HTML
    • Refine your HTML skills
    • HTML - extra challenge
    • CSS
    • Web Assessment
  • Electronics
    • Learn Electronics
    • Electronics Assessment
  • Data
    • Excel Basics
    • Mean, Mode, Median
    • Graphs and extras
    • Skills Test
  • Freyberg Digital Home

Using tables

Sometimes we need to arrange data into a table. A common example of this that we are all familiar with is our personal class timetable.

In HTML we create tables by creating each row of the table one at a time. The elements that we use are:

<table> - This declares the table, all our rows go inside this.
<tr> - Declares a row
<th> - Declares a heading cell. Headings sit inside a row.
<td> - Declares a cell for normal information. These sit inside the row.

If we want data to span across multiple rows/columns we can do the following:

<td colspan="2"> - this would make a row span over 2 columns
<td rowspan="2"> - this would make a column span over 2 rows

Task: Create a version of your own table using HTML

Picture
Picture
Picture
Picture
Powered by Create your own unique website with customizable templates.
  • Programming
    • Programming - Maths
    • Scratch Tutorials
    • Programming assessment
  • Computing essentials
    • What is a computer?
    • What is the Internet?
    • What is binary?
    • Encryption
  • Website
    • Learn HTML
    • Refine your HTML skills
    • HTML - extra challenge
    • CSS
    • Web Assessment
  • Electronics
    • Learn Electronics
    • Electronics Assessment
  • Data
    • Excel Basics
    • Mean, Mode, Median
    • Graphs and extras
    • Skills Test
  • Freyberg Digital Home