HTML аркылуу сүрөттүн туурасын жана бийиктигин кантип орнотсо болот

Автор: Clyde Lopez
Жаратылган Күнү: 17 Июль 2021
Жаңыртуу Күнү: 1 Июль 2024
Anonim
HTML аркылуу сүрөттүн туурасын жана бийиктигин кантип орнотсо болот - Коом
HTML аркылуу сүрөттүн туурасын жана бийиктигин кантип орнотсо болот - Коом

Мазмун

Бул макалада 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).

Кеңештер

  • Ар дайым сүрөттүн бийиктигин жана туурасын коюңуз. Ошентип, барак жүктөлгөндө, сүрөт үчүн орун корголот. Болбосо, браузер сүрөттүн өлчөмүн билбейт жана орун ээлебейт, бул барак жүктөлгөндө барактын түзүлүшүн өзгөртөт.
  • Эгерде чоң сүрөттүн өлчөмү "бийиктик" жана "туурасы" атрибуттары аркылуу кичирейтилсе, колдонуучу чоң сүрөттү жүктөйт (бетте кичине көрүнсө да). Ошондуктан, алгач графикалык редактордо сүрөттүн өлчөмүн өзгөртүүнү сунуштайбыз.