Оформление таблиц HTML
После того, как вы создали таблицы в html, указали их размеры, перейдем к заполнению.
В таблицах можно ставить ссылки, изображения, текст. Но все это, должно находиться между тегами <td> </td>.
Также можно закрасить ячейки любым цветом, использую параметр bgcolor="", и указывая цвет, например <td bgcolor="#FA2145">Содержимое ячейки</td>.
Создание в html таблиц
Также важным параметром в создании в html таблиц является background="", он позволяет использовать в виде фона картинку. Для этого в его значении нужно указать путь к этой картинке.
Например, так:
<td background="fon.gif">Попрактикуемся в создании в html таблиц и их заполнении. Задача будет такая: заполнить первую ячейку картинкой, которая располагается ниже, то есть сделать ее в виде фона.
А вторую ячейку залить любым цветом. Как сохранить картинку, разбиралось на предыдущих уроках создания сайта.
Изменяем наш код, в итоге получается следующие:
<html>
<head>
<title>Название страницы моего первого сайта</title>
</head>
<body text="#CC0000" bgcolor="#494949">
<center>
Содержимое моего сайта.<br><font color="#00AA00">Я прохожу уроки создания сайта.</font>
<br><br>
<a href="http://htmlsait.ru">
<img src="kartinka.jpg" width="184" height="110" title="Эмблема сайта" border="0">
</a>
<br><br>
<i>учимся выделять html текст курсивом</i>
<br>
<b>изучаем новые html теги текста</b>
<br><br>
<a href="http://htmlsait.ru">Создание сайтов Html</a>
<br><br>
<table width="320" height="90" border="1">
<tr> <td width="20" height="90" background="fon.gif">1 ячейка, строка 1</td>
<td width="300" height="90" bgcolor="#24FAF3">2 ячейка, строка 1</td> </tr>
<tr> <td>3 ячейка, строка 2</td> <td>4 ячейка, строка 2</td> </tr>
</table>
</center>
</body>
</html>
Теперь наша страничка выглядит так > заполнение таблиц в html
.Таблицы html. Подведение итогов
Для правильного отображения фона в таблицах html, нужно чтобы картинка фона было сохранена там же, где и наша страница. Заметьте, что поверх фона можно писать текст, и картинка будет повторяться, заполняя все пространство ячейки, независимо от размеров.
Еще один момент параметр background="" нужно писать в теге ячейки <td>. Можно его написать и в теге строки <tr>, но в некоторых браузерах это не работает.
Вот и все, что касается создания таблиц в html. Рекомендую потренироваться, создавая разные таблицы и заполняя их различными фоновыми рисунками. Это поможет лучше понять, как строятся таблицы в html. И чем скорее вы разберетесь в этой теме, тем быстрей сможете Создание сайтов Html.
Ну а после того как вы разберетесь с этим материалом, можно считать, что вы знаете все самое главное в html и уже способны создавать сайты.
А для того чтобы систематизировать приобретенные знания, мы создадим двух страничный сайт. Он будет простеньким, но полноценным.
Если готовы, следуйте далее.
