Saturday, March 15, 2008

Practicing with html and tables






click here to enlarge photo
Before
click here to enlarge photo
After
text or photo goes here
text or photo goes here


text or photo goes here text or photo goes here







I am learning how to make tables and work with html code. I will treat this blog article as my web page on which to work with the code.

this is a line that can be made different widths, lengths and alignments





This is a single cell table with the border showing and made wider.
text or photo goes here


This is a table with three rows but only one column.
text or photo goes here
text or photo goes here
text or photo goes here


This is a table with two columns and two rows.
text or photo goes heretext or photo goes here
text or photo goes heretext or photo goes here


This is a table with two columns and two rows and cellpadding to ensure that the contents are a certain distance from the borders.
text or photo goes heretext or photo goes here
text or photo goes heretext or photo goes here


In this table I am specifying the width of the columns.
text or photo goes heretext or photo goes here
text or photo goes heretext or photo goes here


In this table 123 I am making the cells merge to span columns.
Canada
AustraliaAustralia


In this table 1234 I am making the cells merge to span rows.
CanadaCanadaCanada
AustraliaAustraliaAustralia
AustraliaAustralia


In this table I am making the cells merge to span columns and rows.

Canada
AustraliaAustraliaAustralia
AustraliaAustralia


In this table I am adding column headings and a Title Caption at the bottom above the table.

Whoopie A Caption
text or photo goes heretext or photo goes here
text or photo goes heretext or photo goes here
text or photo goes heretext or photo goes here


In this table I am adding colour and a fixed width and height. You go to the hex code link to get different colour codes.
text or photo goes here
text or photo goes here
text or photo goes here



When I put the sample code in here it did turn the background black but don't know how to get the code for any other colours.

text or photo goes here
text or photo goes here








put text here

put text here




put text here

put text here

No comments: