Презентація - HTML програмування посилання та списки. Остання з 4-х презентацій по темі.

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

Створення гіперпосилання Тег Атрибути: href=“URL” – адрес переходу. Як задавати адресу? Перейти на другу сторінку перехід до документу, який розташовано у тій самій папці, що і документ-джерело. . . . Перейти на другу сторінку … . . . 2.html 1.html

2. Уроки з HTML дизайну Перехід до документу, який знаходиться в Інтернеті за вказаним адресом. Для цього переходу потрібно щоб комп'ютер був підключений до Інтернету. 3. Пишіть мені Клацання на таке гіперпосилання викличє завантаження поштової програми з вже заповненим полем адреси електронної пошти. 4. Перейти до разділу 1 Посилання на певне місце в поточному документі. 5. Глава 1 Посилання на певне місце в документі 2.html .

Створення гіперпосилання в середині поточного документу або до певного фрагменту будь якого іншого документу розкладається на 2 частини: Створення мітки (якоря), яка є ціллю гіперпосилання. Створення самого гіперпосилання. Гіперпосилання в середині одного документу Посилання на главу 1. Посилання на главу 2. Якір для глави 1 Якір для глави 2

Створення мітки (якоря) 1 спосіб: використання атрибуту name тега name=“Рядок символів”

Глава 1

Глава 1

Використання малюнка в якості гіперпосилання В даному прикладі спочатку вказується адреса сторінки, на яку вказує гіперпосилання, а після цього безпосередньо назва малюнку який є безпосередньо гіперпосиланням

Впорядковані Списки Невпорядковані Списки визначень Вкладені списки

Упорядковані списки Використовуються для: Зміст Перелік приписів (наприклад інструкція по встановлення пральної машини) Послідовних розділів книги Приєднання номерів до коротких виразів, на які можливо, прийдеться десь посилатись.

Тег

…

Приклад використання упорядкованого списку

Впорядкований список HTML

1. Кава
2. Чай
3. Молоко

Неупорядковані списки Використовуються для переліку елементів, порядок слідування яких не має значення: Список гиперпосилань; Виділення ключових фрагментів тексту; Список покупок. Теги

…

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

Невпорядкований список HTML

• Кава
• Чай
• Молоко

Використовується для: Словників; Списку типу ім'я/значення; Створення маркерів елементів списку. Списки визначень побудовані як статті в тлумачному словнику, які можуть бути заповнені текстом та малюнками. Тег

…

Вкладений список

Вкладений список

Кофе

- Черный горячий напиток

Молоко

- белый холодный напиток

На зображенні нижче є посилання. Спробуйте натиснути на нього.

Використання списку як угрупування гиперпосилок

Підручники

Переклад презентації 2008 р. © М.Е.Макарової http://uchinfo.com.ua