Цель урока: изучить создание ссылок на веб-страницах.
Для создания гиперссылок на языке HTML служит парный тег <а>…</a> с обязательным атрибутом href, который указывает адрес перехода.
|
Атрибут |
Назначение атрибута |
|
Вставка гиперссылки:<а href=”имя”> текст или изображение </а> имя – имя файла или URL |
|
|
href |
Указывает адрес перехода по ссылке |
|
title |
title=”текст” Позволяет создать всплывающую подсказку к тексту ссылки |
|
target |
target=”_blank” Позволяет просматривать вызываемую страницу в новом окне или новой вкладке |
Задания по теме урока
Если необходимо, скачайте файлы для заданий по ссылке (скачать).
Задание 1. Рассмотрите примеры тегов для создания гиперссылок
Задание 2. Создайте главную страницу с именем links.html.
Добавьте атрибут тега H1, чтобы заголовок был выровнен по центру страницы. Задайте фон страницы (любой цвет, который вам нравится).
Создайте гиперссылки, позволяющую перейти на страницы:
- web-page.html – страница, на которой вы даете определение термина “веб-страница”;
- htmlang.html – страница, на которой даете определение языка HTML;
- tag.html – страница, на которой рассказываете, что такое “тег”
На каждой из страниц web-page.html, htmlang.html, tag.html создайте ссылку На главную, позволяющую вернуться на страницу links.html.
Задание 3.
Используя текст из файла достопримечательности Витебска, создайте фрагмент сайта, состоящий из 6 страниц. Главная страница Vitebsk.htm содержит заголовок первого уровня и нумерованный список достопримечательностей. Элемент списка – гиперссылка на страницу, описывающую данную достопримечательность.
Каждая из страниц ratusha.htm, sobor.htm, shagal.htm, park.htm, teatr.htm, описывающих достопримечательности содержит название (заголовок первого уровня), абзацы текста и гиперссылку на главную страницу Vitebsk.htm.
Задание 4. Создайте веб-страницу stihi.htm. Добавьте в начало страницы оглавление, содержащее названия стихов, которые будут являться ссылкой для перехода к нужному стихотворению.
МЯЧИК
Мой веселый мячик
Прыгает и скачет:
Прыг-скок – в уголок,
А потом обратно.
Вот как мы вечерок
Провели приятно!
ШАРИК
Мне купили шарик синий.
Был он легкий и воздушный.
Ах, какой он был красивый,
Но ужасно непослушный.
Он все время в небо рвался,
Быть покорным не хотел.
И, едва я зазевался,
Шарик взял – и улетел.
Помашу ему ладошкой,
Хоть и жаль его немножко.
ПОЛОСАТАЯ КОШКА
Наша кошка полосата,
Словно зебра, как матрос.
Долго думал я, ребята,
Разгадал секрет полос:
Видно даром не теряла
Время бабушка её –
Внучке-кошечке вязала
Полосатое бельё.
Домашнее задание
§ 7.4 учебного пособия, ответить на вопросы
Форма отправки файлов
Форма видна только зарегистрированным пользователям.