Computer and Internet Tutorial

To make table at blog, can we do with code html special to make table of course. command at wear <table>. . . . . </table>. in table, we can several attributes in it, among others that is:

Code formed that is like this:

<table align="left"|"center"|"right"
bgcolor="color"
border="pixel"
cellpadding="pixel"
cellspacing="pixel"
width="pixel"|"%"
height="pixel"|"%">

.....................

</table>

a element table, also full several elements that is caption, element th(table header), element tr(table row), with element td (table row).

element caption functioned to make title from a table. this element has attribute align with value top (that is title at saves on the top table), also bottom (that is title resides in half under from table).

code formed that is like this:

<caption align="top"|"bottom">

............................

</caption>

element tr (table row) that is to make line, this element is at places in table element. attribute that can at use in in tr among others:

code formed that is like this:

<tr align="left"|"center"|"right"
bgcolor="color"
valign="top"|"middle"|"bottom">

.....................

</tr>

element th(table header) functioned as header cell in a table column. attribute that can at wear among others:

code formed that is like this:

<th align="left"|"center"|"right"
bgcolor="color"
valign="top"|"middle"|"bottom"
colspan="number" rowspan="number">

.....................

</th>

element tr(table row) elemn to make column. attribute that can at wear among others:

code formed that is like this:

<td align="left"|"center"|"right"
bgcolor="color"
valign="top"|"middle"|"bottom"
colspan="number" rowspan="number">

.....................

</td>


still confused? if so i give several examples so that a little clearer:

to make a single table, the code approximately like this:

<table width="200" border="1">
<tr>
<td>

Contoh

</td>
</tr>
<table>


the result will like this:

seen that existing article, appear huddle to table wall, when do we want so that article present exactly in the middle of table, so enough add code align="center" in the column. example likes this:

<table width="200" border="1">
<tr>
<td align="center">

Contoh

</td>
</tr>
</table>


the result will like this:

Examples above use value border 1, try to compare when i use value border larger ones, for example 9. the code approximately like this:

<table width="200" border="9">
<tr>
<td align="center">

Contoh

</td>
</tr>
</table>


the result will like this:

If we like to the column increases, live to add the column code. Example two columns, the code likes this:

<table width="300" border="9">
<tr>
<td align="center">

Contoh

</td>
<td align="center">

Contoh juga denk

</td>
</tr>
</table>


the result will like this:

if want two lines, approximately the code likes this:

<table width="300" border="1">
<tr>
<td align="center">

Contoh

</td>
<td align="center">

Contoh juga denk

</td>
</tr>
<tr>
<td align="center">

Contoh

</td>
<td align="center">

Contoh juga denk

</td>
</tr>
</table>


the result likes this:

if the table wants at give colour, live to add code bg. example:

<table width="300" border="1" bgcolor="black">
<tr bgcolor="green">
<td align="center">

Contoh

</td>
<td align="center">

Contoh juga denk

</td>
<tr bgcolor="yellow">
<tr>
<td align="center">

Contoh

</td>
<td align="center">

Contoh juga denk

</td>
</tr>
</table>


the result likes this:

Now I am giving a le latest (a little serious) with use function caption with th (table header). For example I want to make a data table from technician names. Data that want at make table, for example like this:

Code at wear can like this:

The result approximately like this:

Besides to laid article, a table even also many at use to laid picture so that seen neater. Example:

the result will like this:

If friend of opinion that table line harries scenery, so we can mensiasati by cause the loss of the line that is value border we make 0 (zero).

Example:

The result will like this:

how does this last the result, our eye can at trick not?


little note. because code on be code html, so at the (time) of posting must on course edit html don't on course compose. when want at save at sidebar, choose to html/javascript.

Good useful …