HTML Lesson 5 : Adding Tables

Adding tables to your website is a great way to organise information.

Today I am going to be showing you how to add a table to your website. Tables are commonly used for organising statistics or important information. Below you will find an example.

<table style="width:300px">
<tr>
<td>Emma</td>
<td>Mason</td>
<td>50 Points</td>
</tr>
</table>

This code would display a 1×3 table. Now lets add this tag to our code from Lesson 4.

<!DOCTYPE html>
<html>
<head>
<title>
Techno Girl
</title>
</head>
<body>
<This is how you start a paragraph>
<p>
<a href=”http://www.google.com" target=”blank”>Click here for all life’s answers</a>
<img src="http://rollcode.com/wp-content/uploads/2014/02/calm_geek_geek_on_pau87x.jpg">
<a href="http://www.google.com"><img src="http://messiahmom.files.wordpress.com/2011/01/awkward-turtle.jpg" alt="Awkward Turtle" width="42" height="42"></a>
<table style="width:300px">
<tr>
<td>Emma</td>
<td>Mason</td>
<td>50 Points</td>
</tr>
</table>
</body>
</html>
Advertisements