Now the other thing that I want to do with the website is, if we have a look at Thomas Cormen’s site, you 1
can see that he's got his picture on the left and his name and his title and his blurb next to that 2
image. 3
And that's quite a nice layout. 4
So we can do that here as well. We’re going to have our image on the left and all of this on the right next 5
to the image. 6
Now because we haven't yet spoken about CSS and styling, if we wanted to only use pure HTML to affect 7
how this part of our web site looks then we can use our tables to do that. 8
So let's go up here where the body of our web sites begins. 9
And let's add a table. Let’s add a table row. 10
And inside this row it's only going to have two table cells or td elements. 11
And the first td element is going to contain the image and the second td element is going to contain all of 12
this up to the horizontal rule. 13
So let's just cut it and paste it into here. 14
Now we can hit save and let's refresh our page and you can see that we're getting close to this kind 15
of structure where we've got a single table with only two columns and two cells, 16
this being one cell and this being the other cell. 17
And that allows us to get this kind of layout for our web site. 18
Now you can see here that there's a little bit of a gap between the image and the text whereas on our 19
site it's right up next to the image. 20
Now if you wanted to increase that distance then you can achieve that by changing the table’s cell spacing. 21
And if you have a look in the attributes you can see this attribute called cell spacing which defines 22
the size of the space between two cells in a percentage value or pixels. 23
So let's go ahead and add some spacing to our table. 24
So inside our table element we're going to use cell spacing and let's set it to equal 20 and hit save 25
and then let's go and have a look. 26
Nice. 27
That looks pretty good, right?