PHP и HTML. Наведение красоты, часть 7

, подобный коду marketingbloga.ru и множеству других сайтов:

<html>

<head>

<title>Сайт</title>

</head>

<body>

<table border=»1″ width=»75%»>

<tr>

<td colspan=»3″ height=»10px»></td>

<tr>

<tr>

<td width=»30px»></td>

<td><h1><center>Заголовок</center></h1></td>

<td width=»30px»></td>

</tr>

<tr>

<td colspan=»3″ height=»20px»></td>

</tr>

</table>

</body>

</html>

Это код, в котором указаны все размеры, и убраны лишние примечания типа «рамка». Сейчас мы перейдём к приятному процессу – раскрашиванию таблицы. Для того, что бы задать цвет для столбца/строки/таблицы, нужно можно использовать параметр bgcolor, который, кстати, так же может быть использован в теге <body>, для указания фона страницы. Ячейку в первой строке я хочу оставить белой, она будет играть роль разделителя. Использование такой хитрости позволяет нам визуально выделить саму страничку в окне браузера, поэтому в первой строке мы ничего не меняем. А вот во второй строке, крайние ячейки я хочу окрасить в красноватый цвет, который я выбрал ранее, для этого,  в теге <td>, после параметра width=»20px» необходимо дописать bgcolor=”#FF6A6A”. То же самое необходимо проделать с 3ей ячейкой в этой строке (3-я пара тегов <td> и </td>). Ячейку посредине мы не будем окрашивать в какой-либо цвет, мы просто сделаем её немного темнее, для этого зададим ей такой параметр bgcolor=”#E8E8E8”, после чего, ячейка будет слегка серой. Далее, ячейку 3-ей строки мы так же окрасим в красноватый цвет при помощи bgcolor=”#FF6A6A”.

Тэги: