Презентация на тему "HTML. Вставка изображений"

• 1 слайд

  Язык разметки гипертекста
  Язык разметки гипертекста HTML
  Вставка изображений
  

• 2 слайд

  Вставка изображений
  В Web-дизайне используются 3 формата графических файлов:
  JPG (JPEG)
  GIF
  PNG
  Для изображений большого разрешения
  Для небольших анимированных изображений
  Для небольших изображений
  (кнопки, аватары, логотипы)
  

• 3 слайд

  Язык разметки гипертекста HTML
  Для вставки используется тег <IMG>
  Он непарный
  Атрибуты:
  Src - URL изображения
  Alt - всплывающая подсказка, которая появляется
  при наведении и задержании указателя
  Width - ширина изображения (в пикселях или в %)
  Height - высота изображения (в пикселях или в %)
  Color - цвет линии границы
  Noshade - выключение эффекта тени
  (по умолчанию тень включена)
  Align - выравнивание
  

• 4 слайд

  Язык разметки гипертекста HTML
  Примеры:
  <IMG Src=1.gif>
  Вставка изображения 1.gif
  <IMG Src=C:\Picture\1.gif>
  Вставка изображения 1.gif,
  который хранится на диске С,
  в папке Picture
  Путь обязательно указывать, когда изображение и файл (в который изображение помещается) хранятся в разных местах
  <IMG Src=dog.jpeg width=200%>
  Вставка изображения dog.jpeg,
  масштаб изображения увеличен
  в 2 раза
  При использовании формата JPG расширение у файла может быть JPG или JPEG (это зависит от сжатия, программы, в которой создавалось изображение, формата сохранения )
  

• 5 слайд

  Язык разметки гипертекста HTML
  Примеры:
  <IMG Src=Picture\1.png alt=“изображение”>
  Вставка изображения 1.png,
  которое хранится в папке Picture, которая хранится в той же папке, где хранится html-страница, всплывающая подсказка – слово «изображение»
  <IMG Src=dog.jpg width=120 height=100>
  Вставка изображения dog.jpg,
  ширина=120, высота=100 пикселей
  При указании размеров изображения необязательно указывать и ширину, и высоту. При указании только одного атрибута, второй подберется автоматически для выбранного масштаба.
  

• 6 слайд

  Язык разметки гипертекста HTML
  Примеры:
  <IMG Src=C:\Picture\1.gif align=center noshade>
  Вставка изображения 1.gif,
  выравнивание по центру, выключение тени
  Выравнивание (как и для текста) может иметь несколько значений: по центру (center), по левому краю (left), по правому краю (right).
  <IMG Src=2.gif align=left color=red>
  Выравнивание по левому краю, цвет границы изображения – красный.