Зміст

• кроки
• Поради

З цієї статті ви дізнаєтеся, як задати висоту і ширину зображення в HTML.

• Атрибут «width» задає ширину картинки (в пікселях).
• Атрибут «height» задає висоту картинки (в пікселях).
• У HTML4.01 висоту можна задати в пікселях або у відсотках, а в HTML5 тільки в пікселях.

кроки

1. 1 Відкрийте файл з HTML-кодом. Наприклад, відкрийте файл default.html.
2. 2 Додайте наступний рядок в HTML-код.
   • img src = "imagefile.webp" alt = "Image" height = "42" width = "42">
   • в src вказується шлях до графічного файлу (зображення).
   • в alt задаються розміри картинки.
3. 3 Замініть значення атрибутів height і width на потрібні. Наприклад, так: height = "19" width = "20"
4. 4 Збережіть файл і відкрийте його в будь-якому веб-браузері. Зробіть це, щоб перевірити, як змінилися розміри картинки. Атрибут «width» підтримується всіма основними браузерами (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

Поради

• Завжди ставте висоту і ширину картинки. Так при завантаженні сторінки під картинку резервується місце. В іншому випадку браузер не знатиме розмір зображення і не зарезервує місце, в результаті чого макет сторінки буде змінюватися в міру завантаження сторінки.
• Якщо розмір великий картинки зменшити за допомогою атрибутів «height» і «width», користувач завантажить велике зображення (навіть якщо воно здається маленьким на сторінці). Тому рекомендуємо спочатку змінити розмір зображення в графічному редакторі.