Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Marina / часть 2 / Пошаговое создание сайта в HTML.pptx
Скачиваний:
48
Добавлен:
18.05.2015
Размер:
1.2 Mб
Скачать

Первая строка

<tr bgcolor="darkred"> <td width="70%" height="60">шапка</td> <td rowspan="2">меню</td> </tr>

Вторая строка

<tr bgcolor="oldlace"> <td height="200">контент</td> </tr>

Третья строка

<tr bgcolor="darkred"> <td colspan="2" height="30">низ сайта</td> </tr>

ВЛОЖЕННЫЕ ТАБЛИЦЫ

<table width="715" border="1" align="center" cellspacing="0" cellpadding="10">

<tr bgcolor="darkred">

<td width="70%" height="60">шапка</td> <td rowspan="2">меню</td>

</tr>

<tr bgcolor="oldlace">

<td height="200">контент</td>

</tr>

<tr bgcolor="darkred">

<td colspan="2" height="30">низ сайта</td>

</tr>

</table>

Поместим в готовую таблицу еще одну таблицу про цветы

Код этой таблицы простой - три строки и два

столбца

<table width="470" border="1" align="center" cellspacing="0" cellpadding="10">

<tr>

<td width="100"><img src="f1.jpg" width="100" height="70"></td>

<td>Здесь текст о ромашках</td> </tr>

<tr>

<td width="100"><img src="f2.jpg" width="100" height="70"></td>

<td>Здесь текст о тюльпанах</td> </tr>

<tr>

<td width="100"><img src="f3.jpg" width="100" height="70"></td>

<td>Здесь текст о герберах</td>

Теперь возьмем код этой таблицы и поместим его вместо слова "контент" в код

Теперь уберем все границы у вложенной таблицы. Для этого в теге <table> этой таблицы зададим параметр <border="0">

Создаем таблицу 6 на

Втретью и пятую строку вставим фоновое изображение (объединяем их)

Вчетвертую вставляем фоновое изображение

Соседние файлы в папке часть 2