Форматы вставки рисунков

Атрибуты тэга вставки рисунка.

Как картинку сделать фоном документа?

2.4. Что необходимо чтобы сделать рисунок ссылкой?

Задания и технология выполнения.

3.1. Вставьте в WEB-страницу Ваше_Имя.HTML после слов

(Белорусской железной дороги) рисунок из файла Вокзал.jpg

Для этого выполните следующие действия:

§ Пуск\Программы\Стандартные\Блокнот

§ Файл\Открыть\папка\ C:\Work\Курс_2\Группа\WEB

§ Имя файла Ваше_Имя.HTML

§ Открыть

§ Вставьте после слов (Белорусской железной дороги) следующий тэг

<img src="Вокзал.jpg">

§ Файл\Сохранить

Просмотрите результат вставки рисунка.

Для этого выполните следующие действия:

§ Пуск\Программы\Internet_Explorer

§ Файл\Открыть\Обзор

§ Активизируйте папку C:\Work\Курс_2\Группа \WEB

§ Имя Файла--------- Ваше_Имя.HTML

§ Открыть\Ок

3.3. Вставьте в WEB-страницу Ваше_Имя.HTML после слова «Учащийся»,

рисунок (Произвольного вида) созданный в программе Paint и сохранённый в файле 22.jpg

Для этого выполните следующие действия:

  • Пуск\Программы\Стандартные\Paint
  • Создайте произвольное изображение
  • Файл\Сохранить_как\ папка C:\Work\Курс_2\Группа \WEB
  • Тип файла JPEG
  • Имя файла 22
  • Сохранить
  • Закройте программу Paint.
  • Активизируйте программу Блокнот
  • Вставьте после слова «Учащийся» следующий тэг

<img src="22.jpg">

  • Файл\Сохранить

Просмотрите результат вставки рисунка.

Для этого выполните следующие действия:

  • Активизируйте Internet_Explorer
  • На панели инструментов щелкните мышью по пиктограмме

Обновить

3.5. Измените атрибуты рисунка «Вокзал», сделав их следующими:

Рисунок прижат к левому краю экрана, текст обтекает его справа, расстояние до текста по горизонтали - 30 пикселей, по вертикали - 5 пикселей, и если вы наведете на картинку курсор, то выскочит надпись - "Вокзал станции Орша".

Для этого выполните следующие действия:

  • Активизируйте программу Блокнот
  • Вставьте вместо тэга

<img src="Вокзал.jpg">

Тэг

<img src="Вокзал.JPG" align="left" HSPACE=30 VSPACE=5 alt=" Вокзал станции Орша">

  • Файл\Сохранить

Просмотрите результат редактирования тэга.

Для этого выполните следующие действия:

  • Активизируйте Internet_Explorer
  • На панели инструментов щелкните мышью по пиктограмме

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: