пятница, 15 апреля 2011 г.

HTML: изображения в таблицах

1. Откройте в новой вкладке  Firefox  адрес http://dist-learn.spb.ru/html

{Используйте именно Firefox; вы можете найти его по адресу bit.ly/pff41 или так: "Мой компьютер -> Programs на Delta [X] -> Notepad++ -> pff4.zip"}

2. Напечатайте теги для основной структуры веб-страницы:
<html>
<head><title>328</title></head>
<body>

...

</body>


Все дальнейшее происходит на месте многоточия.


3. Сделайте фон всей страницы черным, а цвет букв - белым (или подберите подходящий цвет с помощью rgb(красный, зеленый, синий).

4. Создайте с помощью тегов <h1> .. </h1> заголовок первого уровня. Сделайте его фон синим, цвет букв белым, выравнивание по правому краю. Надпись: Иванов Иван, школа 328. Слова "школа 328" выделите курсивом.
{подставьте свою фамилию и свое имя}

5. Создайте таблицу из двух строк и двух столбцов.

6. В каждой из четырех ячеек разместите по одному изображению.

Вот первое из этих изображений, адрес http://dist-learn.spb.ru/files/328-1.png



Адреса остальных отличаются цифрами (2, 3 и 4).

Разместите четыре фрагмента в таком порядке, чтобы получилась правильная карта местности.

7. Создайте пронумерованный список  зеленого цвета из трех-четырех названий улиц, которые вы видите на карте.


8. Ниже в отдельном абзаце разместите фотографию фасада школы 328.


или



9. Нажмите кнопку "64" и отправьте полученную ссылку на gossoudarev@gmail.com


Комментариев нет:

Отправить комментарий