Розділ 1 · Завдання 8
Зображення
Картинка з інтернету — а потім і власне фото з комп'ютера.
Додай нижче все, що вже є:
<p>Моя картинка:</p> <img src="https://picsum.photos/300/200">
<img> не закривається (як і <br>). Адреса картинки вказується в атрибуті src.
1. Клацни на картинку правою кнопкою миші → «Зберегти зображення як» — збережи її на комп'ютер.
2. Біля файлу index.html створи нову папку і назви її images.
3. Перемісти збережену картинку в цю папку.
4. Клацни на картинку в папці правою кнопкою → «Перейменувати» → назви її photo.jpg.
5. Поверніся в Блокнот і зміни рядок з картинкою:
<img src="images/photo.jpg">
images/ означає «зайди в папку images», а photo.jpg — назва файлу всередині неї.
Якщо картинка занадто велика, задай їй розмір атрибутами width і height — числа означають розмір у пікселях:
<img src="images/photo.jpg" width="300" height="200">
Зміни ці числа і подивись, як картинка змінює розмір на сторінці.
Курс створено за підтримки бухгалтерського бюро Galakton, Білосток, Польща