Использование таблиц на странице
Теперь рассмотрим как делать таблицы на странице.
Вообще это ОЧЕНЬ ВАЖНАЯ тема. Поэтому не пропускайте этот раздел, хоть он пожалуй самый сложный.
Дело в том что таблицы в HTML используются в основном не для представления данных в виде таблицы, а для создания ДИЗАЙНА сайта...для создания каркаса страницы, в котором уже размещается содержимое страницы. Но обо всем по порядку.
Таблица описывается парным тегом <table> и </table>
<table> говорит браузеру , что начинается таблица, а </table> говорит о том, что таблица заканчивается. Запомнили ?
таким образом при создании таблицы пишем сразу 2 тега
<table>
</table>
Теперь надо описать строку таблицы. Для создания строки в таблице используется парный тег <tr> </tr>
Если у нас таблица состоит из одной строки, то будет так
<table>
<tr> </tr>
</table>
Если таблица состоит из 3 строк, то делаем так :
<table>
<tr> </tr>
<tr> </tr>
<tr> </tr>
</table>
Понятно ?
Но это еще не все уроке по вставке картинки.
Например вот так
<table border="1" width="300" height="150"> - это будет таблица шириной 300 пикселей и высотой 150,
вот такая
код таблицы такой
<table width="300" border="1" height="150">
<tr>
<td> </td>
</tr>
</table>
Также можно указать ширину и высоту строк и ячеек, используя параметры WIDTH и HEIGHT.
т.е. использовать эти параметры в тегах <tr> и <td>
Вставим в таблицу еще одну ячейку
<table width="300" border="1" height="150">
<tr>
<td> </td><td> </td>
</tr>
</table>
т.е. получим вот такую таблицу
| ячейка 1 | ячейка 2 |
а теперь сделаем ширину первой ячейки = 50
<table width="300" border="1" height="150">
<tr>
<td width="50"> </td><td> </td>
</tr>
</table>
таблица будет выглядеть вот так:
| чтобы было видно ячейки надо в них что нибудь написать |
В ячейки таблицы можно писать как текст, так и вставлять ссылки, также вставлять изображение.
Еще один часто употребляемый параметр для таблиц - это бэкграунд, т.е. задний фон.
Для описания цвета фона используется параметр bgcolor. Например вот такой код
<table width="300" border="1" height="150">
<tr>
<td width="50" bgcolor="#CCCCCC"> </td>
<td bgcolor="#FFFF99"> </td>
</tr>
</table>
даст вот такую таблицу
Но и это еще не все ! В качестве фона в таблицах можно использовать изображения !
Вернемся к файлу с которым мы работаем и в котором прописан вот этот код
<html>
<head>
<title>Моя первая интернет страница всего лишь за 5 минут</title>
</head>
<body bgcolor="#00CCFF" text="#FFFF00">
<center>
Сегодня замечательный день. <br><i>Я сделал свою первую интернет страничку.</i>
<br><font color="#0000FF" size="4"><b>я буду богатым и свободным человеком !</b></font>
<br><br>
<a href="/index/0-12">Пример создания 2х-страничного сайта.
