Занятие 5 Иллюстрации и гиперссылки. "Как вставлять картинки" - одиночный тег для размещения картинки src=URL" – обязательный атрибут тега URL – ссылка. - презентация

1 Занятие 5 Иллюстрации и гиперссылки

2 "Как вставлять картинки" - одиночный тег для размещения картинки src=URL" – обязательный атрибут тега URL – ссылка (путь к картинке), желательно, чтобы картинка находилась в той же папке, что и ваш документ

3 Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? :)

4 Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? :)

5 "Что можно сделать с картинкой" Дополнительные атрибуты тега Атрибуты выравнивания Значение атрибута картинка слева, текст справа картинка справа, текст слева текст располагается внизу картинки текст располагается посередине текст располагается вверху

6 "Что можно сделать с картинкой" Дополнительные атрибуты тега АтрибутЗначение атрибута расстояние в пикселях между текстом и рисунком (по вертикали) расстояние между текстом и рисунком (по горизонтали) краткое описание картинки ширина самой картинки (в пикселях) высота самой картинки (в пикселях) рамка вокруг картинки (в пикселях)

7 Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? :)

8 "Ссылка и как с нею бороться" Тэг текст делает ссылкой заключенную в него картинку или фразу (текст). Обязательный атрибут HREF=URL ПримерЗначение мои фотографии Документ лежит в той же папке, что и документ, в котором мы ссылаемся на prf.html, мои фотографии Документ лежит в подпапке /photos мои фотографии Ссылаемся на сайт где лежит нужный нам документ

9 Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? :)

10 "Может ли картинка быть ссылкой" Принцип ссылки тот же, что и в случае с текстом, только между тегами вставляется не текст, а картинка:

11 Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? :)