Презентация, доклад по информатике на тему Гиперссылки в HTML

район, 2016 г

причины популярности HTML:
Простое HTML-программирование - разметка текста,
которая предполагает следующий порядок работы:
Берется обычный текст
И размечается, то есть на него накладывается сетка из тегов так, чтобы браузер смог показать строчки текста на экране.
2) Переносимость. Документ будет доступен
для чтения, независимо от марки ПК и типа ОС.
3) HTML–документ – это гипертекст

или частных лиц.

Гипертекстовые страницы записываются
на специальном языке HTML.

Гиперссылка – это чувствительная область на экране.
При щелчке мыши по такой области происходит переход.
Гипертекстовые ссылки выделяются цветом и
подчеркиванием
Курсор мыши превращается в указующий перст.

Имя метки может заключаться в кавычки (если имя одержит пробелы или ключевые символы HTM, кавычки обязательны)
# - ключевой символ
Текст – запись, которая будет выглядеть на экране браузера как ссылка

Например,
стих
…
…

В лесу родилась елочка

Переход браузера

елочка

Переход браузера

На экран выводится ссылка: текст

htm или html
Лучше использовать htm
Имена для файлов должны быть осмысленные.
Когда файлов много, порядок в именах имеет
особое значение.
Если, например, ваш многофайловый гипертекст
имеет иерархическую структуру, старайтесь в
обозначениях учитывать иерархию.
Так, основной файл с оглавлением лучше
назвать index.htm.
Файл с 1й главой - 01.htm,
со 2й - 02.htm (до 90.htm)

описывает построение 5 параграфа 2 главы
111299 .htm – 99-й пункт 12-го параграфа 11-й главы

параграф

Каталог с третьей главой

Каталог с четвертой главой

Пример, расположение гипертекста на ПК

адресация)
Этот способ приводит к непереносимости продукта
2) ./02/02.htm (относительная адресация)
Этот способ предлагает браузеру ориентироваться на текущий каталог
– это указание «./»

Относительная ссылка из файла 02.htm
в файл index.htm запишется так:
../index.htm
Символы «../» указывают на родительский каталог.

странице.
link – задает цвет неотработанных ссылок
(пользователь еще не «кликал» по ним);
alink – задает цвет активных ссылок
(цвет ссылки во время загрузки документа);
vlink - задает цвет отработанных ссылок
(пользователь «ходил» по этим ссылкам)

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

рубашке и строгом галстуке» выглядит так:

alink=red vlink=purple>

цветам страницы.
2) Не подчеркивайте другие элементы на экране
(можно спутать с ссылкой)
3) Не выделяйте текст тем же цветом, что и ссылки
(как можно меньше цветов)
4) Для выделения текста используйте жирность или курсив
(но не одновременно)
5) Не записывайте как ссылку слишком большой текст
посмотри как выглядит этот рисунок
посмотри как выглядит этот рисунок
6) Не выделяйте текст под ссылкой дополнительно
(курсивом, размером, жирностью) ужасная ссылка
7) Не располагайте несколько ссылок слишком близко друг
к другу сколько здесь ссылок?

URL-адрес.
URL-обозначение (Universal Resource Locator –
универсальный способ адресации ресурсов)
ввел Тим Бернерс-Ли в 1989 г.

Согласно предложенной им схеме :

название протокола://адрес сервера/расположение файла

будет передан по сети файл
reclam.zip с роботландского ftp-архива

Пример 2:

Роботландия

при активации ссылки в браузер загружается начальная HTML-страничка
роботландского сайта index.htm

Письмо получит адрес //kurs@robotland.botik.ru

(5-6 страниц) – прямыми потомками