Делаем самый простой сайт с таблицей.
Таблицы используются для создания каркаса сайта. Таблицы разбивают страницу на отдельные ячейки в которые заносится контент страницы.Вы можете занести меню в одну ячейку,рисунки во вторую, текст в третью и тд.
Можно менять их местами,можно разбить страницу на сколько возможное количество ячеек,конечно в пределах разумного.Поэтому таблицы являются основой сайта и от них зависит дизайн страницы.
Еще один способ разбить страницу заключается в создании блоков с помощью стиля CSS,но об этом в другой статье.В большинстве сайтов используется и табличный и блочный способ.
Рассмотрим создание таблиц. В качестве примера возьмем создание простейшего сайта на главной странице.
Уменьшенный вид сайта
Создание собственного сайта.![]() |
Это код данного сайта.Как видим в нем нет таблиц
<html>
<head>
<title>Создание сайта </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head>
<body>
Создание собственного сайта.
<img src="images/com (8).gif" width=213 height=170 border=0>
</body>
</html>
Давайте применим таблицу для выравнивания текста и рисунка посередине страницы. Атрибуты таблицы <table></table>. Состоит она из строки
и столбца . Пересечение строки и столбца дает ячейку,в которую и надо вписывать данные.Ячейки .Делаем таблицу между тегами <body>и </body>
<html>
<head>
<title>Создание сайта </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head>
<body>
<table Border=0 CellSpacing=0 CellPadding=0 Width="%" Align="center" vAlign="">
<tr>
<td></td>
</tr>
<tr>
<td><</td>
</tr>
</table>
</body>
</html>
Теперь в таблицу вводим текст и рисунок
<html>
<head>
<title>Создание сайта </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head>
<body>
<table Border=0 CellSpacing=0 CellPadding=0 Width="%" Align="center" vAlign="">
<tr>
<td>Создание собственного сайта</td>
</tr>
<tr>
<td><img src="images/com (8).gif" width=213 height=170 border=0></td>
</tr>
</table>
</body>
</html>
Здесь с помощью таблиц рисунок и текст располагается посередине.
должны находиться внутри строки | |
|
|
![]() |
Эта простейшая таблица к простейшему сайту.Более подробно о таблицах вы можете узнать здесь