Таблицы
Обычно знакомство с HTML начинают с форматирования текста. Нарушим эту традицию.
Даже самая простая Web-страница состоит из нескольких частей - заголовка, меню, собственно содержимого (контента), каждая часть должна быть расположена строго на своем месте. Если работать только в HTML, удобнее верстать сайт с помощью таблиц. Помещенный в соответствующие ячейки, контент гарантированно не развалится при просмотре страницы с разным разрешением монитора или в разных браузерах.
Рекомендую сначала нарисовать, или создать в Word макет страницы, например такой:
логотип |
ЗАГОЛОВОК |
|
меню ссылка 1 ссылка 2 ссылка 3 |
||
выходные данные |
||
Оценим преимущества табличной верстки. Главное, на мой взгляд, возможность с помощью узкого среднего столбца отделить по вертикали содержимое меню и контента. Так они никогда не "наедут" друг на друга. Благодаря тому, что логотип и заголовок размещены в отдельных ячейках, их можно поставить как в центре, так и прижать к правому или левому краю.
Согласны? Тогда строим таблицу. Таблица задается тэгом <table>...</table>, <tr>...</tr> - строчка таблицы, <td>...</td> - ячейка таблицы.
| 1 ячейка | 2 ячейка |
| 3 ячейка | 4 ячейка |
Так выглядит код этой таблицы, не все, что в нем прописано, мы еще знаем, но начало положено:
<html>
<head>
</head>
<body>
<table bgcolor="#efe8ba" width="200" border="1" cellspacing="0" cellpadding="5">
<tr>
<td>1 ячейка</td>
<td>2 ячейка</td>
</tr>
<tr>
<td>3 ячейка</td>
<td>4 ячейка</td>
</tr>
</table>
</body>
</html>
