Задаволены

• крокі
• парады

З гэтага артыкула вы даведаецеся, як задаць вышыню і шырыню выявы ў 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», карыстальнік загрузіць вялікае выява (нават калі яно здаецца маленькім на старонцы). Таму рэкамендуем спачатку змяніць памер выявы ў графічным рэдактары.