Creating Tables
In this lesson we created a table in HTML. Tables where very important in the layout of websites a few years ago. Nowadays layout is usually done in the CSS for the website. However we practised making a HTML table from scratch.
This is the coding that I wrote for the table:
As you can see the HTML code for the table is in green. This is what this code displayed:
As you can see table worked well. If I wanted more rows or cells I would add the tag <tr> for table row, or <td> for table data.
I then learnt how to use '<div>' tags and how to use '<div>' ids. This is the CSS and the HTML that I used to do this, I have put a better explanation of div id and tags in the website.
Heres the code:
Here is what the page looked like:
This is the coding that I wrote for the table:
As you can see the HTML code for the table is in green. This is what this code displayed:
As you can see table worked well. If I wanted more rows or cells I would add the tag <tr> for table row, or <td> for table data.
I then learnt how to use '<div>' tags and how to use '<div>' ids. This is the CSS and the HTML that I used to do this, I have put a better explanation of div id and tags in the website.
Heres the code:
Here is what the page looked like:




No comments:
Post a Comment