Пример 94

<html>

<body>

<hr />

<p><b>В данном тексте находятся 4 закладки. Создайте ссылки на них.</b></p>

<!-- Пишите код здесь -->

<hr />

<p>Это текст. Текст. Текст.</p>

<p>Это текст. Текст. Текст.</p>

<p>Это текст. Текст. Текст.</p>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<br /><br /><br /><br /><br />

<a name='zakladka1'><b>Я первая закладка</b></a>

<br /><br /><br /><br /><br />

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<br /><br /><br /><br /><br />

<br /><br /><br /><br /><br />

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<p>Это текст. Текст. Текст.</p>

<p>Это текст. Текст. Текст.</p>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<br /><br /><br /><br /><br />

<br /><br /><br /><br /><br />

<p>Это текст. Текст. Текст.</p>

<p>Это текст. Текст. Текст.</p>

<p>Это текст. Текст. Текст.</p>

<p>Это текст. Текст. Текст.</p>

<a name='codezak2'><b>Я вторая закладка</b></a>

<p>Это текст. Текст. Текст.</p>

<p>Это текст. Текст. Текст.</p>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<br /><br /><br /><br /><br />

<br /><br /><br /><br /><br />

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<br /><br /><br /><br /><br />

<br /><br /><br /><br /><br />

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<br /><br /><br /><br /><br />

<br /><br /><br /><br /><br />

<a name='kladka3'><b>Я третья закладка</b></a>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<br /><br /><br /><br /><br />

<br /><br /><br /><br /><br />

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<p>Это текст. Текст. Текст.</p>

<p>Это текст. Текст. Текст.</p>

<p>Это текст. Текст. Текст.</p>

<p>Это текст. Текст. Текст.</p>

<p>Это текст. Текст. Текст.</p>

<a name='zkladk4'><b>Я четвертая закладка</b></a>

<p>Это текст. Текст. Текст.</p>

</body>

</html>

10.Добавление изображений в html документы

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

Для добавления в HTML документ изображений используется тэг <img>. Атрибут src тэга <img> должен содержать адрес, по которому находится картинка, которая должна быть отображена.

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

Пример 101

<html>

<body>

<img src='mountimg.jpg' style='float:right;width:230px;height:200px;padding:8px;' />

<p><b>Ергаки</b> — горный узел, хребет в Западном Саяне. Представляет собой массив разнонаправленных грив,

отрогов в значительной степени обработанных ледником. Альпийский рельеф в центральной части Ергаков на периферии

сменяется гольцовым с отдельно расположенными горами и отрогами более плавных очертаний с пенепленом на вершинах.</p>

</body>

</html>

Атрибут alt

В атрибуте alt задается альтернативный текст, который будет отображен, если браузер пользователя не сможет по каким-либо причинам отобразить картинку.

Роботы поисковых систем, которые анализируют страницы, не могут просматривать картинки, поэтому единственный способ "рассказать" им об их содержимом - написать об этом в атрибуте alt.