Презентація"Вставка зображень на Веб-сторінках"

Про матеріал
Додатковий наочний матеріал до уроку по темі: "Створення та оформлення Веб-сторінок за допомогою HTML"
Перегляд файлу
Вставка зображень на Web-сторінках. Теги для вставки зображень та їх розташування відносно тексту
<IMG> - тег для вставки малюнків. завжди містить атрибут SRC= назва файлу, яка завжди берется в лапки<img src = “назва файлу.розширення файлу”> - вставляє на сторінку зображення вказаного файлу<img src=”smile.png”> - вставить зображення смайлика із файлу smile.png
<html><head><title>Это заголовок тайтл</title></head><body> <img src=Це приклад вставки зображення на сторінку. Зверніть увагу , що файл із зображенням має знаходитись в одній папці з веб-сторінкою" title="Это заголовок тайтл Це приклад вставки зображення на сторінку. Зверніть увагу , що файл із зображенням має знаходитись в одній папці з веб-сторінкою">
атрибут WIDTH= задає ширину зображення в пікселях;атрибут HEIGHT= задає висоту зображення в пікселях;<img src=”clock.jpg” width=50 height=150> - вставить зображення годинника з файлу clock.jpg і змінить його ширину до 50 пікселів, а висоту до 150 пікселів.
<html><head><title>Это заголовок тайтл</title></head><body><img src=приклад вставки зображення заданого розміру. Зверніть увагу , що файл із зображенням має знаходитись в одній папці з веб-сторінкою" title="Это заголовок тайтлприклад вставки зображення заданого розміру. Зверніть увагу , що файл із зображенням має знаходитись в одній папці з веб-сторінкою">
атрибут ALT = задає альтернативний текст, тобто текст, який виводиться замість малюнка, якщо браузер не може його показати. Текст завжди берется в лапки!<img src=”clock.jpg” alt=”Будильник, що розвалюється на частини”> - виведе текст “Будильник, що розпадається на частини”
<html><head><title>Это заголовок тайтл</title></head><body><img src=приклад вставки зображення з альтерна- тивним текстом. Зверніть увагу , що файл із зображенням має знаходитись в одній папці з веб-сторінкою" title="Это заголовок тайтл”Будильникприклад вставки зображення з альтерна- тивним текстом. Зверніть увагу , що файл із зображенням має знаходитись в одній папці з веб-сторінкою">
атрибут ALIGN= вирівнює зображення відносно однієї із сторін документа<img src=”clock.jpg” align=right> - праворуч<img src=”clock.jpg” align=left> - ліворуч<img src=”clock.jpg” align=center> - по середині<img src=”clock.jpg” align=bottom> - знизу<img src=”clock.jpg” align=top> - згори<img src=”clock.jpg” align=middle> - по центруатрибут ALIGN= можна застосувати для вирівнювання тексту на сторінці
Зміст слайдів
Номер слайду 1

Вставка зображень на Web-сторінках. Теги для вставки зображень та їх розташування відносно тексту

Номер слайду 2

- тег для вставки малюнків. завжди містить атрибут SRC= назва файлу, яка завжди берется в лапки - вставляє на сторінку зображення вказаного файлу - вставить зображення смайлика із файлу smile.png

Номер слайду 3

Это заголовок тайтл Це приклад вставки зображення на сторінку. Зверніть увагу , що файл із зображенням має знаходитись в одній папці з веб-сторінкою

Номер слайду 4

атрибут WIDTH= задає ширину зображення в пікселях;атрибут HEIGHT= задає висоту зображення в пікселях; - вставить зображення годинника з файлу clock.jpg і змінить його ширину до 50 пікселів, а висоту до 150 пікселів.

Номер слайду 5

Это заголовок тайтлприклад вставки зображення заданого розміру. Зверніть увагу , що файл із зображенням має знаходитись в одній папці з веб-сторінкою

Номер слайду 6

атрибут ALT = задає альтернативний текст, тобто текст, який виводиться замість малюнка, якщо браузер не може його показати. Текст завжди берется в лапки!”Будильник, - виведе текст “Будильник, що розпадається на частини”

Номер слайду 7

Это заголовок тайтл”Будильникприклад вставки зображення з альтерна- тивним текстом. Зверніть увагу , що файл із зображенням має знаходитись в одній папці з веб-сторінкою

Номер слайду 8

атрибут ALIGN= вирівнює зображення відносно однієї із сторін документа - праворуч - ліворуч - по середині - знизу - згори - по центруатрибут ALIGN= можна застосувати для вирівнювання тексту на сторінці

pptx
Додано
4 грудня 2021
Переглядів
1111
Оцінка розробки
Відгуки відсутні
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку