Угода
Угода про обробку персональних даних
Як вставити картинку в HTML
Для вставки зображення на web сторінку. необхідно застосовувати тег . котрий не є парним тегом (відсутнє саме тіло тега), головним його атрибутом служить атрибут src. за допомогою якого і визначається джерело зображення (url шлях до зображення. яке необхідно ставити на сторінку).
Виглядає його констурукція наступним чином
Графічні файли, які ми додати на нашу сторінку, можуть мати формат GIF, PNG, або JPEG.
![Як вставити картинку в html (тег img) Як вставити картинку в html](https://images-on-off.com/images/118/kakvstavitkartinkuvhtml-517af6f8.jpg)
![Як вставити картинку в html (додати картинку на сайт) Як вставити картинку в html](https://images-on-off.com/images/118/kakvstavitkartinkuvhtml-5f92f4aa.gif)
![Як вставити картинку в html (додати картинку на сайт) Як вставити картинку в html](https://images-on-off.com/images/118/kakvstavitkartinkuvhtml-dacf391d.gif)
Альтернативний текст, атрибут alt у зображень
Так-же для тега , необхідно вказувати обов'язковий атрибут alt - він повинен містити в собі альтернативний текст, який міг би описати вміст граіческого файлу, він буде відображатися в тому випадку, якщо картинка не змогла завантажитися, або завантаження зображень відключена в браузері (більш рідкісний випадок).
Так-же за допомогою атрибута alt. ми можемо вказати запит, по якому можна буде знайти дане зображення в пошукових системах. (Відмінний спосіб отримувати додатковий трафік з пошукових систем).
розміри зображення
Ви можете регулювати розміри зображення за допомогою атрибутів width і height.
Але цього робити не рекомендується. для цих операцій більш раціонально, використовувати стилі CSS
![Як вставити картинку в html (додати картинку на сайт) Як вставити картинку в html](https://images-on-off.com/images/118/kakvstavitkartinkuvhtml-98eecc6e.jpg)
Опис HTML форм. Починаючи від контейнера form і методів передачі даних get і post, до різних видів форм - текстове поле, поле для введення пароля, checkbox, select, radio button, submit, file
Даний матеріал був вам корисний?