Созданные ранее веб странички выглядят в виде потока текста. Он хорош для художественных произведений и возможно, оправдано для этой странички блога, на которой вы находитесь. В этом случае текст читается с начала и до конца.
Web-дизайнерам повезло. Современный HTML умеет обращаться с графикой и таблицами. Существуют фреймы. Web-страницы и отображаются в отдельных подокнах Web-обозревателя. Причем, они настолько независимы друг от друга, что теряют связь с основой. Фреймы слишком уж независимы друг от друга. Следующий инструмент Web-дизайнера - таблицы.
Используя таблицу можно разделить текст на несколько фрагментов и поместить рядом соответствующие примечания. Линии между фрагментами можно сделать невидимыми, так что посетитель вашего сайта и не заметит, что для форматирования этого текста использовались таблицы. Также можно сделать невидимыми линии между фрагментом текста и примечанием, выровнять текст примечания вправо, выделить его курсивом.
Таблица создается с помощью тега <table> - он открывает таблицу. Не забудьте обязательный тег </table> -завершение таблицы.
Тег <tr> создает строку, а тег <td> ячейку в строке. Соответственно сколько ячеек включено в строку, столько будет и столбцов в таблице.
Тег <th> также создает ячейку. Его отличие от тега <td> в том, что ячейка созданная тегом <th> является ячейкой – заголовком, т.е. содержимое располагается по центру, а если это текст, то браузер отображает его жирным шрифтом.
Содержимое ячейки, созданной тегом <td> по умолчанию, располагается в левой части.
Тег <caption> создает заголовок таблицы, он располагается внутри тега <table> - сразу после открывающего тега. Заголовок по умолчанию располагается центру над таблицей.
<table border="1">
<tr>
<td>1 ряд 1ячейка</td> <td>1ряд 2ячейка</td>
</tr>
<tr>
<td>2ряд 1ячейка </td> <td>2ряд 2 ячейка </td>
</tr>
<tr>
<td>3ряд 1ячейка </td> <td>3ряд 2 ячейка </td>
</tr>
< tr>
<td>4ряд 1ячейка </td> <td>4ряд 2 ячейка </td>
</tr>
</table>
Теперь border="1" замените на border="0"
<table border="0">
<tr>
<td>1 ряд 1ячейка</td> <td>1ряд 2ячейка</td>
</tr>
<tr>
<td>2ряд 1ячейка </td> <td>2ряд 2 ячейка </td>
</tr>
<tr>
<td>3ряд 1ячейка </td> <td>3ряд 2 ячейка </td>
</tr>
< tr>
<td>4ряд 1ячейка </td> <td>4ряд 2 ячейка </td>
</tr>
</table>
| 
