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

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

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

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

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

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

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

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

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

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

Атрибуты тега Атрибут border задаёт толщину обрамления изображения. Например, строчка покажет изображение с чёрной рамкой шириной 10 пикселей.