You are on page 1of 9

Графічні формати при оформленні

Web-сторінок.

Підготував: Ніконов Станіслав, учень 202 групи


<IMG> - тег для вставки малюнків. завжди містить
атрибут SRC= назва файлу, яка завжди берется в лапки
<img src = “назва файлу.розширення файлу”> -
вставляє  на сторінку зображення вказаного файлу
<img src=”smile.png”> - вставить зображення смайлика
із файлу smile.png
<html>
<head>
<title>Это заголовок тайтл</title>
Це приклад </head>
вставки <body>
зображення <img src="smile.png">
на сторінку </body>
</html>

Зверніть увагу , що файл із зображенням має знаходитись


в одній папці з веб-сторінкою
атрибут WIDTH= задає ширину зображення в
пікселях;
атрибут  HEIGHT= задає висоту зображення в
пікселях;
<img src=”clock.jpg” width=50 height=150> - вставить
зображення годинника з файлу clock.jpg і змінить
його ширину до 50 пікселів, а висоту до 150 пікселів.
<html>
приклад <head>
вставки <title>Это заголовок тайтл</title>
зображен </head>
ня <body>
заданого <img src="smile.png" width=100
розміру height=150>
</body>
</html>
Зверніть увагу , що файл із зображенням має знаходитись
в одній папці з веб-сторінкою
атрибут ALT = задає альтернативний текст,
тобто текст, який виводиться замість малюнка,
якщо браузер не може його показати. Текст завжди
берется в лапки!
<img src=”clock.jpg” alt=”Будильник, що
розвалюється на частини”> - виведе текст
“Будильник, що розпадається на частини”
<html>
приклад <head>
<title>Это заголовок тайтл</title>
вставки </head>
зображення <body>
з альтерна- <img src="clock.jpg" alt=”Будильник
тивним розбився”>
</body>
текстом
</html>

Зверніть увагу , що файл із зображенням має знаходитись


в одній папці з веб-сторінкою
атрибут 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= можна застосувати для
вирівнювання тексту на сторінці
Дякую за увагу!

You might also like