Використання зображень у
вебдокументах. Фони
Додати рисунок до вебсторінки за посиланням, та налаштувати розмір рисунка
<img src=https://media.tenor.com/zJ2opKGVpZEAAAAi/judd-splatoon.gif width=50 height=70>
Додати gif-анімацію до вебсторінки
<img src="Cat.gif">
* Файл gif- треба скопіювати до теки із документом
Приклад використання тегу | Як виконується браузером | примітка |
<TITLE> Сторінка з картинкою </TITLE> | Задає заголовок сторінки в адресному рядку | парний |
<BODY> … </BODY> | Задає «тіло» документу | парний |
<H1> … </H1>
<H1 align="center"
style="background-color:ForestGreen;
color:yellow;
font-family:courier;
font-size:400%;"> Гарного настрою! </H1> | Задає заголовок документу | парний |
<br> | Задає перенос рядку, тобто, рядом що буде далі, буде виведений з першої позиціїї | непарний |
<IMG SRC= «посилання» align="right" width="250" height="220">
<IMG src="flowers-bouquet.gif" alt="Квіти" style="width:200px;height:270px;">
| Відображає рисунок, опублікований в Інтернеті. Атрибут align= задає положення, Атрибути width=, height= задають ширину/висоту рисунку | непарний |
<FONT size=5 color=green> …. </FONT > | Задає форматування шрифту: size=, задає розмір шрифту color= задає колір шрифту
| парний |
| оберіть самостійно колір |
|
| оберіть самостійно зображення чи gif анімацію |
|
Фонове зображення на сторінці
<style>
body {
background-image: url('img_fon.jpeg');
}
</style>
Самостійна робота
Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки.
1. Оберіть за своїм смаком рисунок та GIF - анімацію.
2. Створить простий HTML документ. Використайте програму Блокнот чи NotePad++
3. Додайте рисунок із підписом чи додайте GIF - анімацію.
4. Додайте кольоровий текст. Додайте фоновий рисунок
