Гиперссылки. Вставка графических изображений. Бегущая строка

Сентябрь 12, 2022

Главная
Информатика
Гиперссылки. Вставка графических изображений. Бегущая строка

Содержание

2. Цели урока: Ознакомление с оформлением веб-страниц. Технология передачи управления между веб-страницами.
3. 1 2 5 3 4 SOFT
5. Гиперссылки Рассмотрим важное свойство HTML — возможность создавать гиперссылки. Допустим для примера, что мы хотим создать
6. Мы можем написать такой код: программы Поступление новых Soft программ Таким образом, гиперссылкой является слово “Soft”.
7. Гиперссылка может указывать на документ на том же web-сервере. Например: новости Здесь гиперссылка “новости” указывает на
8. Вставка графических изображений HTML-документ может содержать изображения. изображение Тег “ ” также имеет параметры: src="class.jpg" —
9. Вместо графического объекта он увидит текст, указанный в теге alt (альтернатива изображению) вместо пустого значка. Он
10. Бегущая строка Бегущая строка
11. Вопросы: Как осуществляется переход от одной Web -страницы к другой? Что такое гиперссылка? Назовите теги для
13. Скачать презентацию

Слайд 2

Цели урока:
Ознакомление с оформлением веб-страниц.
Технология передачи управления между веб-страницами.

Слайд 3

1
2
5
3
4
SOFT

Слайд 4

Слайд 5

Гиперссылки
Рассмотрим важное свойство HTML — возможность создавать гиперссылки. Допустим для примера,

что мы хотим создать ссылку на сайт http://http://softhttp://soft.http://soft.mailhttp://soft.mail.ru/.
Шаблон использования гиперссылки:
текст для щелчка
Атрибут href может указывать на ресурс Интернета, файл на текущем диске или на метку внутри текущей веб-страницы.

Слайд 6

Мы можем написать такой код:

программы

Поступление новых
Soft
программ

Таким образом, гиперссылкой является слово “Soft”. Гиперссылка в HTML-виде начинается тегом “У тега “” есть параметр “href ”, значение которого – адрес, на который указывает ссылка:

Слайд 7

Гиперссылка может указывать на документ на том же web-сервере.
Например: новости
Здесь

гиперссылка “новости” указывает на документ pc_news.htm, находящийся во вложенной папке news.
Такие гиперссылки называются относительными, так как указывают не абсолютный адрес ресурса, а относительный в данном сайте.

Слайд 8

Вставка графических изображений
HTML-документ может содержать изображения.

изображение

аудитория">

Тег “” также имеет параметры: src="class.jpg" — указатель на файл с изображением.
а width="180" и height="136" — описывают размеры изображения.
Очень важен тег-параметр alt:
alt="Учебная аудитория".

Слайд 9

Вместо графического объекта он
увидит текст, указанный в теге
alt (альтернатива

изображению)
вместо пустого значка.
Он позволяет выводить текст в тех
местах, где должны располагаться
рисунки.
Особенно важно, если изображение является кнопкой навигации, т.е. гиперссылкой class.htm, то HTML-текст выглядит так:

Тег гиперссылки … Тег вставки изображения "

Слайд 10

Бегущая строка
Бегущая строка

Слайд 11

Вопросы:
Как осуществляется переход от одной Web -страницы к другой?
Что такое гиперссылка?
Назовите

теги для вставки рисунка на Web- страницу?
Что означает тег-параметр alt?
Какой атрибут используется для прокрутки бегущей строки?

Гиперссылки. Вставка графических изображений. Бегущая строка

Содержание

Цели урока: Ознакомление с оформлением веб-страниц.Технология передачи управления между веб-страницами.

12534SOFT

ГиперссылкиРассмотрим важное свойство HTML — возможность создавать гиперссылки. Допустим для примера,

Мы можем написать такой код:программыПоступление новых Soft программ

Гиперссылка может указывать на документ на том же web-сервере.Например: новостиЗдесь

Вместо графического объекта он увидит текст, указанный в теге alt (альтернатива

Бегущая строкаБегущая строка

Вопросы:Как осуществляется переход от одной Web -страницы к другой?Что такое гиперссылка?Назовите

Похожие презентации