Создание сайтов.4.HTML.Изображения.

  • Домашнее обучение
  • Занимательные материалы
  • Презентации учебные
  • Разработки курсов
  • Разработки уроков
  • pptx
  • 16.01.2021
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

В данной презентации разберем несколько способов добавления изображения на сайт, как изменить размеры изображения и добавить подпись.
Иконка файла материала 4. Изображения.pptx

Изображения

- Тэг самозакрывающийся

Тэг для прикрепления изображения на сайт -

1) Находим картинку в интернете

2) Нажимаем правой кнопкой мыши

3) И копируем адрес изображения, либо копировать URL картинки

4) Вставляем адрес изображения(URL) в кавычки атрибута src

Как получить адрес изображения в интернете :

После вставки ссылки изображение появляется на сайте, но его размер очень большой

Для указания размера картинки мы используем два атрибута:

Width: - ширина

Height: - высота

Если сделать width больше height изображение растянется в длину

Если же сделать height больше width изображение растянется в высоту

Но использование изображений с чужих сайтов опасно тем, что в любой момент доступ к этому изображению может быть закрыт

Поэтому лучше сохранять изображения на свой компьютер, в отдельную папку и использовать адрес изображения со своего компьютера

Далее в атрибуте src мы указываем название папки, где сохранен наш файл, затем через / указываем название файла

И наше изображение так же помещается на сайт, но используется изображение уже с нашего компьютера

ДЗ

Создать мини-сайт как показано на картинке левее