Меню
Разработки
Разработки  /  Информатика  /  Презентации  /  8 класс  /  Презентация "Вставка изображений на веб-страницу"

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

В презентации рассматривается тег, используемый для вставки изображений на веб-страницу, а также его основные атрибуты. Теоретический материал подкрепляется практическими примерами.
29.01.2014

Описание разработки

Презентация содержит 10 слайдов.

презентация по информатике вставка изображений на веб-страницу

Вопросы:

Что называют файлом?

Из каких частей состоит имя файла?

Как формируется полное имя файла?

Какие расширения графических файлов вы знаете?

Содержимое разработки

Вставка изображений на веб-страницу 8 класс

Вставка изображений на веб-страницу

8 класс

Вопросы: Что называют файлом? Из каких частей состоит имя файла? Как формируется полное имя файла? Какие расширения графических файлов вы знаете?

Вопросы:

  • Что называют файлом?
  • Из каких частей состоит имя файла?
  • Как формируется полное имя файла?
  • Какие расширения графических файлов вы знаете?
Вставка изображений Для вставки изображений на веб-страницу используется тег IMG с обязательным атрибутом src , последний указывает адрес размещения исходного изображения.

Вставка изображений

Для вставки изображений на веб-страницу используется тег IMG с обязательным атрибутом src , последний указывает адрес размещения исходного изображения.

Возможные значения атрибута src  - в случае, когда изображение хранится в той же папке, что и файл веб-страницы Например, если файл веб-страницы 1.html и файл изображения kat.jpg находятся в одной папке веб , то нужно написать следующий код:

Возможные значения атрибута src

  • - в случае, когда изображение хранится в той же папке, что и файл веб-страницы

Например, если файл веб-страницы 1.html и файл изображения kat.jpg находятся в одной папке веб , то нужно написать следующий код:

Возможные значения атрибута src  - в случае, когда изображение находится не в папке размещения файла веб-страницы Например, если файл веб-страницы 1.html находится в папке веб , а файл изображения kat.jpg находятся в другой папке рисунки , то нужно написать следующий код:

Возможные значения атрибута src

  • - в случае, когда изображение находится не в папке размещения файла веб-страницы

Например, если файл веб-страницы 1.html находится в папке веб , а файл изображения kat.jpg находятся в другой папке рисунки , то нужно написать следующий код:

Возможные значения атрибута src  - в случае, если вы ссылаетесь на изображение, размещённое в сети Интернет Например, если файл веб-страницы 1.html находится в папке веб , а файл изображения находятся в сети Интернет, то нужно написать следующий код:

Возможные значения атрибута src

  • Атрибуты тега  Атрибут alt задаёт отображение альтернативного текста в случаях, когда изображение не может быть отображено. Например, строчка    выведет текст «изображение кота», если рисунок не откроется

    Атрибуты тега

    Атрибут alt задаёт отображение альтернативного текста в случаях, когда изображение не может быть отображено.

    Например, строчка

    изображение кота

    выведет текст «изображение кота», если рисунок не откроется

    Атрибуты тега  При помощи атрибутов height и width можно задать длину и ширину изображения в пикселях. Например, строчка    покажет изображение, в котором размеры будут соответствовать 100 пикселям по длине и 50 – по высоте. При этом изображение может деформироваться!

    Атрибуты тега

    При помощи атрибутов height и width можно задать длину и ширину изображения в пикселях.

    Например, строчка

    покажет изображение, в котором размеры будут соответствовать 100 пикселям по длине и 50 – по высоте.

    При этом изображение может деформироваться!

    Атрибуты тега  Атрибут align задаёт выравнивание изображения по краям веб-страницы. Возможные значения:  top – верхний край изображения выравнивается по верхнему краю строки middle bottom left right

    Атрибуты тега

    Атрибут align задаёт выравнивание изображения по краям веб-страницы.

    Возможные значения:

    • top – верхний край изображения выравнивается по верхнему краю строки
    • middle
    • bottom
    • left
    • right
    Атрибуты тега  Атрибут border задаёт толщину обрамления изображения. Например, строчка    покажет изображение с чёрной рамкой шириной 10 пикселей.

    Атрибуты тега

    Атрибут border задаёт толщину обрамления изображения.

    Например, строчка

    покажет изображение с чёрной рамкой шириной 10 пикселей.

-80%
Курсы дополнительного образования

Создание динамических веб-страниц с помощью PHP и MySQL

Продолжительность 72 часа
Документ: Cвидетельство о прохождении курса
4000 руб.
800 руб.
Подробнее
Скачать разработку
Сохранить у себя:
Презентация "Вставка изображений на веб-страницу" (92.74 КB)

Комментарии 1

Чтобы добавить комментарий зарегистрируйтесь или на сайт

Татьяна, 13.10.2014 19:24
Спасибо! Пригодилось на уроке