Lt;H2>Ф<P>О<P>Т<P>О<P>Г<P>А

< P> Л< P> Е< P> Р< P> Е< P> Я< /H2>

< /TD>

< TD align=right width=45% >

Погромыч знакомится с Дусей

< /TD>

< TD width=45% >

< IMG src=images/foto1.jpg>

< /TD>

< /TR>

< TR>

< TD align=right >

< IMG src=images/foto2.jpg>

< /TD>

< TD>

Уроки музыки

< /TD>

< /TR>

< /TABLE>

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

3. Теперь можно убрать границу таблицы, заменив в теге < TABLE> атрибут border=1 на border=0.

4. Задание простое: продолжи галерею Погромыча, добавив в таблицу ещё 2-3 строки с фотографиями. Не забудь про атрибуты alt, width и height тега < IMG>, которые ради экономии места были опущены.

5. Задание посложнее: проследи, чтобы левая колонка (в которой написано ФОТОГАЛЕРЕЯ) простиралась на все строки таблицы.

6. Задание сложное: создай страничку Карта сайта (karta.htm), на которой в виде таблицы (или таблиц) изобрази содержимое твоего сайта, например, так:

Главная
Погромыч		Дуся		Клава
Погромыч знакомится с Дусей
	Уроки музыки
Погромыч учится плавать
	Бобик в гостях у Погромыча
Карта

Сделай содержимое ячеек этой таблицы ссылками на соответствующие странички.

Возможно, не стоит делать карту настоящего сайта такой подробной. Но наш сайт учебный и чтобы хорошенько разобраться с таблицами, мы выполняем это задание.

7. Если ты наивнимательнейшим и подробнейшим образом будешь выполнять последнее задание, то столкнёшься с такой проблемой – надо, чтобы фотографии на карте (или подписи к ним) ссылались не на всю страничку pogrom.htm, а на какое-то определённое её место. Как этого добиться?

c в файле pogrom.htm добавь тег < A>:

< TD align=right width=45%>

< A name=foto1>

Погромыч знакомится с Дусей

< /TD>

< TD width=45%>

< IMG src=images/foto1.jpg>

< /TD>

который ставит метку с именем foto1 в точку перед словом Погромыч (совсем необязательно, чтобы это имя совпадало с именем файла с фотографией);

c в файле karta.htm ссылку на первую фотографию запиши так:

< A href=pogrom.htm#foto1>

Заметим, что если мы будем ссылаться на метку, поставленную на той же страничке, то имя странички записывать не надо:

< A href=#foto1>

а вот значок метки (#) ставить необходимо.

И ещё одно замечание: в отличие от тега < A href…>, обязательно имеющего закрывающий тег < /A>, его «родственника» < A name…> «закрывать» не надо.

c и так для всех «местных» ссылок (этот вид ссылок не имеет общепринятого названия, поэтому между нами будем их называть «местными», они ведь ссылаются на определённое место на страничке).

Если наш пятый чертёж показался тебе очень трудным или объёмным – не скисай, набирайся сил. Дальше будет не легче. Хотя, скорее всего, и не труднее.