- Demonstrates the skill of creating, saving and
opening your own web page.
- Demonstrates knowledge of web document structure
- Uses tags to create a table on your own webpage.
words and phrases:
• Website, webpage,
WYSIWYG, text editor, CMS, Microsoft Front Page, Adobe Dream Weaver, Notepad,
Joomla, Word Press, HTML
A series of useful phrases
for dialogue / writing:
• HTML is used for ,,,,
• We use tags for ....
• Tags are ...
• I used (a) title tag ... to ...
A table is nothing but a means of
arranging data in rows and columns. This concept has been present in our
society for a long time and has been adopted by HTML in its early stages, as a
way to convey information that might otherwise not be obvious or readily
In HTML documents a table can be
considered, in a simple way, as a group of rows containing each a group of
cells. This is conceptually different to a group of columns containing a group
of cells, and this difference will have some impact in the composition and
behavior of the table.
Like many other structures in HTML,
tables are constructed using elements. In particular, a basic table can be
declared using three elements, namely, table (the main container), tr
(representing the rows, containers for cells) and td (representing plain
cells). Let's make it clear with an example:
Now that the basic structure of a
table has been treated, it's time to start making more useful tables.
A header cell is a special type of
cell used to organize and categorize other cells in the table. Having said
this, it's hard to imagine a table where a header cell wouldn't be of use.
Almost any table can benefit from a well placed group of header cells.
In the following example, we're
building a table to display information about the weather in the upcoming days.
Here, the header cells, represented by the th element, are placed in the first
row of the table, on top of the regular cells.