Журнал «Юный техник» - Юный техник, 2002 № 07

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

ПОТОМУ ЧТО…

Успех и талант — это разные вещи. Талантам по гроб суждена нищета.

Потому что писателей, писать не умеющих, читают не умеющие читать.

РАЗМЫШЛЕНИЯ НА ЖЕЛЕЗНОДОРОЖНОЙ ПЛАТФОРМЕ

Не корите себя, бросьте эту привычку: ведь пользы-то — никакой.

Мы всегда пропускаем одну электричку, но успеваем к другой.

ПОЛУНОЧНОЕ ОТКРОВЕНИЕ

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

И вдруг осенило: ведь восемь, конечно ж, восставшая ото сна бесконечность!

А ЧТО ЛЮДИ ПОДУМАЮТ?

Иные мнутся, жмутся, бьют тревогу, от страха, что о них подумать могут.

Им всем совет один: живи свободно — пусть думают, к чертям, что им угодно.

ЗЕРКАЛО

У всех зеркал один изъян, одна беда: хоть расшибись, ты у него не выудишь, как выглядишь ты именно тогда, когда не смотришь, как ты выглядишь.

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

Рубрику ведет Дмитрий УСЕНКОВ, старший научный сотрудник Института информатизации образования РАО

1 — SRС указывает имя файла рисунка;

2 — ALT указывает текст подсказки (в кавычках)

Проще всего вставить маленький рисунок прямо в текст. При этом строки "раздвинутся" по высоте рисунка, так что и текст и рисунок

<IMG SRC1 = rrplan.gif ALT2 = "Haш самолет — вперед лети">

будут выровнены по низу. А если надо, чтобы при наведении курсора мышки на рисунок "всплывал" текст небольшой подсказки, надо записать его дополнительно.

* * *

1 — Тэг <IMG> заключен в контейнер абзаца (<Р>…</Р>, выровненного по центру)

<Р> Рисунок побольше можно вставить как отдельный абзац.</Р>

<Р ALIGN=CENTER1><IMG SRC=Gadget_hb.jpg АLT="Друзьям — с любовью!"></Р>

<Р>Тогда его можно выровнять слева, справа или по центру (аналогично тексту), а окружающие абзацы будут располагаться сверху и снизу.</Р>

* * *

1 - Оборка рисунка текстом — рисунок слева, текст — справа

Можно также вставить рисунок в текст так, <IMG SRC=GHPen.gif ALIGN = LEFT1 ALT="Чтo бы еще такое придумать?"> чтобы текст "обтекал" рисунок справа или слева. Такое размещение иллюстраций называется оборкой рисунка текстом, а положение рисунка относительно текста (слева или справа) указывает параметр выравнивания ALIGN (LEFT или RIGHT).

* * *

1 — Ссылка, открывающая рисунок;

2 — Рисунок, являющийся ссылкой (синяя рамка и курсор мыши — «рука»);

3 — Ссылка на исполняемый файл;

4 — Ссылка на указанную страницу данного сайта;

5 — Ссылка на другой сайт (указан его адрес — URL);

6 — Ссылка на отправку почты (адрес, записанный после «mailto»)

Гиперссылка — это любое слово или фрагмент текста, обычно выделенное синим цветом и подчеркиванием, щелчок на котором мышкой открывает заданную <А HREF«"img2.htm"4> другую страницу </А> (в том числе <А НREF=''http://www.chat.ru/">5 на другом сайте </A>) или вызывает <А HREF="mailtо: [email protected]"6> отправку письма </А> по электронной почте. Для этого требуемый фрагмент текста заключается в контейнер А, где параметр HREF указывает имя открываемого htm-файла и/или адрес сайта. <BR>

Гиперссылкой может быть и рисунок <А HREF="imgl.htm"><IMG SRC=rrplan.gif>2</A>, если тоже заключить его в контейнер А, такие рисунки-ссылки обычно выделяются синей рамкой. Открывать же по ссылке можно не только Web-страницу, но и <А НREF="Gadqet_hb.jpq"1 рисунок </A> или даже любой <А НREF="fokus.exe"3> произвольный файл </А> (такая ссылка инициирует загрузку с сервера на компьютер пользователя).<BR>

Самый главный признак гиперссылки — что курсор мыши при его наведении на ссылку меняет вид, превращаясь в изображение "руки".

* * *

1 — Таблица по центру страницы;

2 — Первая ячейка второй строки (ширина — 40 % от ширины таблицы) с отцентрированным рисунком;

3 — Вторая ячейка второй строки (ширина — 60 % от ширины таблицы) с отцентрированным текстом.

Таблицы в HTML — это, наверное, одна из самых сложных конструкций. <BR>

Вся таблица заключается в контейнер TABLE, внутри него содержится несколько контейнеров TR, соответствующих строкам таблицы, а внутри каждого из них — еще контейнеры ТD, в которых заключено содержимое каждой из ячеек данной строки. И наконец, вся таблица может быть заключена в отдельный контейнер абзаца, чтобы выровнять ее по центру или справа:

<P ALIGN=CENTER>1

<TABLE WIDTH=80 % B0RDER=2> ' Начало таблицы: ширина 80 % от ширины страницы, толщина границы — 2 пикселя

<TR> ' Первая строка таблицы

<TD WIDTH=40 %>

<P ALIGN=CENTER>колонка <ВR>для рисунков</Р> ' Ячейка с отцентрированым текстом

</TD>

<TD WIDTH=60 %>

<P ALIGN=CENTER>колонка <ВR>для подписей</Р> ' Ячейка с отцентрированым текстом

</TD>

</TR> ' Конец первой строки

<TR> ' таблицы и начало второй

<TD WIDTH=40 %>2

<P ALIGN=CENTER><IMG SRC=rrplan.gif></P>

</TD>

<TD WIDTH=60 %>3

<P ALIGN=CENTER>"Pэйнджepnлaн' <ВR>в полете</Р>

</TD>

</TR> ' Конец второй строки таблицы

</TABLE> ' Конец таблицы

</P> ' Конец абзаца, в котором она содержится

А с помощью таблиц с невидимой границей (нулевой толщины, указанной в параметре BORDER) можно произвольно размещать текст и рисунки, верстать текст в несколько колонок и пр.

Этот двухфюзеляжный самолет был сконструирован во время Второй мировой войны, и его первый полет состоялся в 1943 году. Хотя он разрабатывался в Англии, выпуск его был налажен в Австралии, Франции, Швейцарии и даже в Индии. Самолет имел довольно много «профессий» — от гражданских до военных. Служил тренировочной машиной для подготовки летчиков, выполнял роль боевого истребителя. Цельнометаллическая конструкция позволяла выдерживать довольно большие нагрузки, возникавшие при близких разрывах зенитных снарядов.

Техническая характеристика:

Экипаж… 1 чел.

Силовая установка… ETL 1R-A

Размах крыльев… 12 200 мм

Высота… 2700 мм

Длина… 9400 мм

Нагрузка… 1000 кг

Стартовый вес… 3890 кг

Максимальная скорость… 869 км/ч

Дальность полета… 1175 км

Маленький внедорожник был разработан на японских узлах итальянской кузовной фирмой «Пининфарина». В основном автомобиль был предназначен для молодежи, но стал популярным среди всех слоев населения и практически на всех континентах. В начале 90-х годов появилась 3-дверная базовая модель. При такой популярности следовало вскоре ожидать и 5-дверную версию. И в 1998 г. она появилась, что резко расширило круг покупателей.