в) адрес страницы в папке сайта:
Http://bak2.narod.ru/tests/test21.html
В гиперссылках на страницы того же сайта указание имени сайта в адресе может отсутствовать:
а) ссылка на страницу внутри того же сайта:
<a href = <inrogl.html> оглавление </a>
б) ссылка на страницу внутри того же сайта, но в другой папке:
<a href=<tests/test21.html> тесты21 </a>
С помощью аппарата гиперссылок на сайтах организуется размещение всех рисунков, фотографий и других графических иллюстраций. Для этого на сайт записываются все файлы с графическими иллюстрациями.
Графические файлы обычно размещаются в отдельной папке с именем image. Загрузка иллюстраций на экраны пользовательских компьютеров проводится браузерами с помощью операторов <img>:
<img src= «адрес» >
Пример вывода графических иллюстраций
Гипертекст: Результат:
<html><title> Текст с фото </title> <body> < img arc= «foto.gif»> <b>Петров</b> Петр Петрович <b>программист </b>, <br> <b>Автор </b> многих сайтов </body> </html> | Текст с фото | |
<адрес> | ||
Фото | Петров Петр Петрович программист Автор многих сайтов | |
Общая форма операторов загрузки графических иллюстраций:
|
|
<img src= «адрес» параметры >
Параметры выравнивания иллюстраций на экране:
параметры::= выравнен | | |
подтекст::= alt =
выравнен::= algin =
тип выравн::= top | bottom | middle | left | right
Расположении иллюстраций на экране компьютера задается параметрами выравнивания: align=left - по левому краю, align=right - по правому краю экрана. Текст при этом обтекает иллюстрации соответственно справа или слева..
Иллюстрации могут быть прижаты к верхнему или нижнему краю экрана, что задается параметрами: align=top – к верхнему краю, align=bottom – к нижнему краю экрана, либо выравнены по середине экрана - align=middle.
Для расположения иллюстраций на экране компьютера в операторе загрузки могут быть указаны их высота и ширина:
высота::= height = «высота»
ширина::= width = «ширина»
Размеры иллюстраций задаются числом точек экрана (в пикселях) либо в процентах от высоты или ширины экрана компьютера. В последнем случае на разных экранах иллюстрации будут иметь различные размеры. Рассчитав расположение иллюстраций для экранов минимальных размеров, можно быть уверенным в их размещении на экранах любого другого размера.
Гипертекстовые списки – это перечни с нумерацией или выделением элементов списков. Все элементы начинаются тэгами <li>. Нумерованные списки начинаются тэгом <ol> и заканчиваются тэгом </ol>. Ненумерованные списки ограничиваются тэгами <ul>. и </ul>.
Пример гипертекста, в котором встроены пронумерованный перечень и ненумерованный список:
|
|
Гипертекст: Результат:
<html><title> Списки </title> <body> <h1> Ненумерованный список:</h1> <ul> <li>первый <li>второй </ul> <h1>Пронумерованный перечень:</h1> <ol> <li>первый <li>второй </ol> </body> </html> | Списки | |
<адрес> | ||
Ненумерованный список: - первый - второй Пронумерованный перечень: 1 первый 2 второй |
Гипертекстовые списки – удобное средство для организации оглавлений в сложных сайтах и больших гипертекстов. Элементами в таких списках являются адреса соответствующих разделов сайтов (глав, параграфов разделов электронных книг и библиотек).
Практические занятия по программированию