Як задати ширину і висоту картинки за допомогою html

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

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

кроки

1. Відкрийте файл з HTML-кодом. Наприклад, відкрийте файл default.html.

Зображення з назвою Set Image Width and Height Using HTML Step 2

2. Додайте наступний рядок в HTML-код.

в src вказується шлях до графічного файлу (зображення).

в alt задаються розміри картинки.

Зображення з назвою Set Image Width and Height Using HTML Step 3

3. Замініть значення атрибутів height і width на потрібні. Наприклад, так: height ="19" width ="20"

Зображення з назвою Set Image Width and Height Using HTML Step 4

4. Збережіть файл і відкрийте його в будь-якому веб-браузері. Зробіть це, щоб перевірити, як змінилися розміри картинки. Атрибут «width» підтримується всіма основними браузерами (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

Поради

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