HTML көмегімен суреттің ені мен биіктігін қалай орнатуға болады

Автор: Clyde Lopez
Жасалған Күн: 17 Шілде 2021
Жаңарту Күні: 1 Шілде 2024
Anonim
интернет программалау. 8лекция
Вызшақ: интернет программалау. 8лекция

Мазмұны

Бұл мақалада HTML -де кескіннің биіктігі мен енін қалай орнату керектігін айтамыз.

  • «Width» атрибуты суреттің енін орнатады (пиксельмен).
  • «Биіктік» атрибуты кескін биіктігін орнатады (пиксельмен).
  • HTML4.01 -де биіктікті пиксельмен немесе пайызбен орнатуға болады, бірақ HTML5 -те тек пиксельмен.

Қадамдар

  1. 1 HTML файлын ашыңыз. Мысалы, default.html файлын ашыңыз.
  2. 2 HTML кодына келесі жолды қосыңыз.
    • img src = «imagefile.webp» alt = «Сурет» биіктігі = «42» ені = «42»>
    • src графикалық файлдың жолын қамтиды (сурет).
    • альтернативада суреттің өлшемі орнатылады.
  3. 3 Биіктік пен ендік атрибуттарының мәндерін қалаған мәндермен алмастырыңыз. Мысалы, келесідей: биіктік = «19» ені = «20»
  4. 4 Файлды сақтаңыз және кез келген веб -шолғышта ашыңыз. Кескіннің өлшемін өзгерту үшін мұны жасаңыз. «Ені» атрибуты барлық негізгі браузерлерде (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer) қолдау көрсетеді.

Кеңестер

  • Әрқашан суреттің биіктігі мен енін орнатыңыз. Сонымен, бет жүктелген кезде суретке бос орын сақталады. Әйтпесе, браузер кескіннің көлемін білмейді және бос орын сақтамайды, бұл бет жүктелген кезде беттің орналасуын өзгертеді.
  • Егер үлкен сурет өлшемі «биіктік» және «ені» атрибуттары арқылы кішірейтілсе, пайдаланушы үлкен кескінді жүктейді (егер ол бетте кішкентай болып көрінсе де). Сондықтан алдымен графикалық редакторда суреттің өлшемін өзгертуді ұсынамыз.