Главная страница
Навигация по странице:

  • Задание 1. Внешние и внутренние гиперссылки.

  • на. Задание 2. Задание Гиперссылки Гипертекст


    Скачать 1.35 Mb.
    НазваниеЗадание Гиперссылки Гипертекст
    Дата10.01.2022
    Размер1.35 Mb.
    Формат файлаdoc
    Имя файлаЗадание 2.doc
    ТипДокументы
    #327027

    Задание 3. Гиперссылки

    Гипертекст – это нелинейный текст, содержащий внутри себя ссылки-переходы.

    • гипертекстовые ссылки среди других элементов текста выделяются цветом и подчеркиванием;

    • мышиный курсор на ссылке меняет свою форму и превращается в указующий перст;

    • для перехода по ссылке необходимо щелкнуть по ней мышкой;

    • для возврата из ссылки необходимо использовать навигационную кнопку браузера "Назад" ("Back").

    Переход к другому документу


    Для задания гипертекстового перехода внутри документа используют две команды . Первая команда с атрибутом href является источником перехода, вторая с атрибутом name -- приемником.

    Общий вид программы

     

    <A href=#метка>текстA>

    ...

    ...

    <A name=метка>A>

    ...

    Задание перехода по метке

    На экран выводится ссылка: текст
    Метка. Сюда браузер приходит по ссылке.

    На экране ничего не отображается.

    Переход к другому документу


    Для того, чтобы браузер загрузил в свое окно новый HTML-документ, нужно записать в программе ссылку при помощи команды <A> с атрибутом href=имя_файла.

    Общий вид программы




    <A href=имя_файла>текстA>

    ...

    Выполнить файл "имя_файла".

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

    При щелчке пользователя на ссылке

    браузер строит на экране документ

    по программе, заданной в файле

    "имя_файла".

    Задание 1. Внешние и внутренние гиперссылки. Создать страницу с загадками на одной web-странице с возможностью просмотра ответов с других страниц.



    Откройте папку «Загадки», и по аналогии создайте файлы с ответами на загадки. Для этого достаточно открыть файл ot1.html, сохранить его под именем ot2.html (ot3.html) и в полученном документе внести необходимые изменения, то есть изменить текст ответа и номер рисунка. Ответ на вторую загадку – морковь, ответ на третью загадку – капуста.

    Откройте файл Загадки. html и исправьте текст так, чтобы ссылки стали работать. Обратите внимание, как сделана первая загадка и сделайте по аналогии.

    Задание 2. Создать таблицу – фото-галерею 4х2 с фотографиями Л. Н. Толстого, так чтобы сами уменьшенные фотографии служили ссылками на более крупные изображения.

    Для того,
    чтобы создать таблицу, будем использовать следующую разметку:












































    написать администратору сайта