Гиперссылки. Создание гиперссылок Тэг <a>

Содержание

Слайд 2

Гиперссылки

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

Гиперссылки Фундаментальное свойство гипертекста состоит в том, что он позволяет связывать документы
помощью гиперссылок можно указать:
На другой HTML-документ;
На любой другой документ;
На определенное место внутри текущего или какого-либо другого документа;
⇨ Документы превращаются в точки пересечения нитей информационной паутины и становиться понятным название «Всемирная паутина»

Слайд 3

Создание гиперссылок Тэг Атрибуты: href=“URL” – адрес перехода. Как задавать адрес? Перейти
станицу
переход к документу, расположенному в той же папке, что и документ-источник.


. . .

Перейти на вторую станицу




. . .

2.html

1.html

Слайд 4

2.
Уроки по информатике

Переход к документу, который находится в Интернете

2. Уроки по информатике Переход к документу, который находится в Интернете по
по указанному адресу. Для этого перехода нужно, чтобы компьютер был подключен к Интернету.
3.
Пишите мне

Щелчок на такой гиперссылке вызывает загрузку почтовой программы с уже заполненным полем адреса электронной почты.
4. Перейти к разделу 1
Ссылка на определенное место в текущем документе.
5. Глава 1
Ссылка на определенное место в документе 2.html .

Слайд 5

Создание гиперссылки внутри текущего документа или к определенному фрагменту какого-либо другого документа

Создание гиперссылки внутри текущего документа или к определенному фрагменту какого-либо другого документа
распадается на 2 части:
Создание метки (якоря), которая является целью гиперссылки.
Создание самой гиперссылки.

Гиперссылки внутри одного документа
Ссылка на главу 1.
Ссылка на главу 2.
Якорь для главы 1
Якорь для главы 2

Слайд 6

Создание метки (якоря)

1 способ: использование атрибута name тэга
name=“Строка символов”

Создание метки (якоря) 1 способ: использование атрибута name тэга name=“Строка символов” Глава
name=“glava1”>Глава 1
2 способ: использования атрибута id в любом тэге
id =“Строка символов”

Глава 1


Атрибут id можно добавлять в любой тэг для создания якоря.


Слайд 7

Использование рисунков в качестве гиперссылки



Использование рисунков в качестве гиперссылки

Слайд 8

Упорядоченные

Списки

Неупорядоченные

Списки определений

Вложенные списки

Упорядоченные Списки Неупорядоченные Списки определений Вложенные списки

Слайд 9

Упорядоченные списки

Используются для:
Оглавлений
Перечня предписаний (например инструкции по установке стиральной машины)
Последовательных разделов

Упорядоченные списки Используются для: Оглавлений Перечня предписаний (например инструкции по установке стиральной
книги
Присоединения номеров к кратким фразам, на которые, возможно, придется где-то ссылаться.

Слайд 10

Тэг

заголовок списка Тэг
  • элемент списка

    Атрибуты
    start=“число“ устанавливает номер списка, с которого

  • Тэг … заголовок списка Тэг элемент списка Атрибуты start=“число“ устанавливает номер списка,
    начинается нумерация
    Type=”тип” устанавливает тип номеров в списке

    В тэг

  • можно вставлять атрибуты
    Type=”тип” и value=“число“
  • Слайд 11

    Пример использования
    упорядоченного списка

    Пример использования упорядоченного списка

    Слайд 12

    Неупорядоченные списки

    Используются для перечня элементов, для которых не важен порядок следования:
    Список гиперссылок;
    Выделение

    Неупорядоченные списки Используются для перечня элементов, для которых не важен порядок следования:
    ключевых фрагментов текста;
    Список покупок.
    Тэги
    заголовок списка
  • элемент списка
    Атрибуты
    (маркеры для обозначения элементов списка)
    Disc • (по умолчанию)
    Circle ⚪
    Square ◻
  • Слайд 13

    Пример использования
    неупорядоченного списка

    Пример использования неупорядоченного списка

    Слайд 14

    Используются для:
    Словарей;
    Списка типа имя / значение;
    Создания маркеров элементов списка.
    Списки определений устроены

    Используются для: Словарей; Списка типа имя / значение; Создания маркеров элементов списка.
    как статьи в толковом словаре, которые могут быть заполнены текстом и картинками.
    Тэг
    заголовок списка
    Каждый элемент списка состоит из двух частей – термина и определения:
    - термин
    - определение или объяснение

    Списки определений

    Пример использования
    списка определений

    Слайд 15

    Пример

    Вложенные списки

    В любой из типов списков можно вкладывать другие списки.

    Использование небольших рисунков

    Пример Вложенные списки В любой из типов списков можно вкладывать другие списки.

    в качестве маркеров списка

    Пример