Презентация "Вставка гиперссылки в Web-страницу"

Подписи к слайдам:

1. Какой из вариантов структуры HTML-документа правильный?

1. Первый 2. Второй

3. Третий 4. Четвертый

2.Какой тэг не является параметром слова BODY

1. BGCOLOR

2. BACKGROUND

  • TEXT
  • 4. SIZE

3. Какая команда способна изменить цвет фона документа.

  • команда <HTML>...</HTML>
  • команда <BODY>...</BODY>
  • команда <FONT>...</FONT>
  • команда <P>...</P>
  • команда <BIG>...</BIG>

4.Какая из трех программ задает вывод текста в две строки:

  • Первая
  • Вторая
  • Третья
  • Все

5.Выберите синтаксически правильные варианты

    • <img src="cat.gif">
    • <img><src="cat.gif">
    • <img scr="cat.gif">
    • <img scr="cat.gif"alt="кошка">
    • <img src="cat.gif" width="300">

1. Какой из вариантов структуры HTML-документа правильный?

1. Первый 2. Второй

3. Третий 4. Четвертый

2.Какой тэг не является параметром слова BODY

1. BGCOLOR

2. BACKGROUND

  • TEXT
  • 4. SIZE

3. Какая команда способна изменить цвет фона документа.

  • команда <HTML>...</HTML>
  • команда <BODY>...</BODY>
  • команда <FONT>...</FONT>
  • команда <P>...</P>
  • команда <BIG>...</BIG>

4.Какая из трех программ задает вывод текста в две строки:

  • Первая
  • Вторая
  • Третья
  • Все

5.Выберите синтаксически правильные варианты

    • <img src="cat.gif">
    • <img><src="cat.gif">
    • <img scr="cat.gif">
    • <img scr="cat.gif"alt="кошка">
    • <img src="cat.gif" width="300">

«Вставка гиперссылки в WEB-страницу»

  • Что такое гиперссылка?
  • На что можно сделать ссылку?
  • Как задаются гиперссылки в НТМL?
  • Научиться создавать гиперссылки на практике

Слово Гиперссылка состоит из двух частей

Гипер - большой,

ссылка – ссылаемся на что-либо (картинку, текст, другой документ).

Типы гиперссылок

Абсолютная ссылка - содержит полный адрес сервера в Интернет

<A НREF="http://www.sgap.ru/kinforma/index.html"> электронный журнал "Правовой предел"</A>.

Типы гиперссылок

Относительная ссылка - указывает размещение адресуемого файла относительно исходной страницы, откуда исходит ссылка.

<A НREF="1.html"> страница 1<A>.

Гиперссылка, связывающая две странички

Например:

<A HREF= "http://www.ronets.hut.ru">здесь </A>

<A HREF="mailto:[email protected]">я</A>

<A HREF="img/2.jpg">Картинка </A>

<A HREF=“2.html"><img src=”img/3.jpg”> </A>

Гиперссылки на различные участки или разделы одного и того же документа

  • <A NAME="маркер"> Текст </A>, и
  • <A HREF="# маркер"> Слова откуда </A>

Например:

<p><b>

Список разделов

</b></p>  <a href="#x1">Раздел 1</a><br> <a href="#x2">Раздел 2</a><br>

<a name="x1"></a>Раздел1</p>  <p>Текст раздела 1</p>   <p><a name="x2"></a>Раздел 2</p>  <p>Текст раздела 2 </p>

Список разделов

Раздел 1

Раздел 2

Раздел 1

Текст раздела 1

Раздел 2

Текст раздела 2

Домашняя работа

  • Доделать гиперссылки, связывающие все страницы вашего Web-сайта
  • Сделать 1 гиперссылку на различные участки или разделы одного и того же документа

для глаз

Практическая работа

Домашняя работа

  • Доделать гиперссылки, связывающие все страницы вашего Web-сайта
  • Сделать 1 гиперссылку на различные участки или разделы одного и того же документа