Пример 112

< html>

< body>

< table border='1'>

< tr>

< th> Памятник Горькому обещают вернуть< /th>

< th> Раскрасьте люки< /th>

< th> Художник убил бабочек< /th>

< /tr>

< tr>

< td> Площадь Тверской заставы.Чиновники обещают, что на площадь вернется памятник Максиму Горькому, который украшал её десятки лет.< /td>

< td> Москвичи заявили, что хотят видеть канализационные люки креативными, но когда Мосводоканал займется творчеством, пока неизвестно.< /td>

< td> Мастера инсталляций Дэмьена Хёрста обвинили в смерти 9 тысяч бабочек.< /td>

< /tr>

< tr>

< td> Памятник работы скульптора Мухиной был установлен в 1951 году, а в 2005-м перемещен в «Музеон» < /td>

< td> В Японии картины на канализационные люки наносятся еще на этапе производства, однако в Европе люки часто раскрашивают уличные художники.< /td>

< td> Экологи уверены, что бабочки красивы сами по себе и их красотой стоит наслаждаться в дикой природе.< /td>

< /tr>

< /table>

< /body>

< /html>

Растягивание ячеек

С помощью атрибута colspan Вы можете указать, на сколько столбцов должна быть растянута указанная ячейка.

Пример 113

< html>

< body>

< table border='1'>

< tr>

< td> Ячейка 1 < /td>

< td> Ячейка 2 < /td>

< /tr>

< tr>

< td colspan='2'> Ячейка 3 растянутая на 2 столбца < /td>

< /tr>

< /table>

< /body>

< /html>

С помощью атрибута rowspan Вы можете указать на сколько строк должна быть растянута указанная ячейка.

Пример 114

< html>

< body>

< table border='1'>

< tr>

< td rowspan='2'> Ячейка 1 растянутая на две строки < /td>

< td> Ячейка 2 < /td>

< /tr>

< tr>

< td> Ячейка 3 < /td>

< /tr>

< /table>

< /body>

< /html>

Сделайте сами

Задание 1 создайте в редакторе следующую таблицу:

Цены на оценку жилой недвижимости, руб.:

СПИСКИ

Создание списков

С помощью списков Вы можете упорядочить однородную информацию на веб-страницах.

В HTML существует два вида списков: упорядоченные и неупорядоченные.

Неупорядоченные списки определяются тэгом < ul>, а упорядоченные тэгом < ol>. Элементы (пункты) в списках определяются с помощью тэга < li>.

Пункты неупорядоченного списка отмечаются слева маленьким черным кружочком, а пункты упорядоченного списка нумеруются.