Tables
To arrange the picture and the list of hobbies side by side, you need a table. We create a simple table
consisting of one row and two columns.
Insert of a - nearly empty - table
Before you can integrate picture and list within the table, you create an
empty table consisting of one row and two columns, each one having some characters as content
in front of the image.
Do not continue, before you have read
chapter "Tables" of the compendium .
A pair of <table>and </table> tags makes up
the table itself. To be able to control the table's view, you supply a borderline, using the parameter :
border=1
Within the table to describe the row a pair of
<tr>and </tr> tags.
Again within this table row you need two
pairs of <td>and </tr> tags to
describe the table cells (representatives of columns), each one containing some letters
( first one AAAAA , the second one BBBBBB ).
Thats how it looks
SAVE and "reload", now shows a small table in front of the image.
Picture and Bulletlist inside the Table
Now you replace the content of the first table cell (AAAAA) by the <img /> tag
and the content of the second table cell (BBBBB) by the complete bulletlist.
Thats how it looks
SAVE and "reload", now shows the Picture and the bulletlist inside the table.
.
Remove the Table's Borderline
Having reached the status, when you are ok with the table's structure, you change the strength of the borderline
to 0, thus making it invisible. Just change the BORDER parameter of the <table> tag
to border=0 .
Thats how it looks
SAVE and "reload", the page now looks very similar to before, except the borderlines are missing now.
Copyright
