×

Simple Table [1/23]

Of all the objects that are used to mark up text on the Internet, tables are probably most complex for beginners to master. Data is published in the tabular format quite frequently, indeed. Unlike lists, paragraphs, headings, images, with tables you may encounter a sea of troubles.

In this course you will learn how to define tables in HTML. We will start with simple tables and then proceed to more sophisticated ones. And, most importantly, we will learn how to style tables properly using CSS. You will see that tables can be a real fun.

Let's start with the very basics. Uncomment the code in the editor and look at a simple table of four rows and two columns.


Do it
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Simple Table</title> </head> <body> <h1>Browsers by Visitors</h1> <!-- <table border="1"> <tr> <td>Browser</td> <td>Visitors</td> </tr> <tr> <td>Mozilla Firefox</td> <td>163</td> </tr> <tr> <td>Google Chrome</td> <td>78</td> </tr> <tr> <td>Safari</td> <td>35</td> </tr> </table> --> </body> </html>
CSS
HTML Academy
  1. Remove comments from the HTML Editor code.
Theory Check Next