Автор:
Clyde Lopez
Жаратылган Күнү:
17 Июль 2021
Жаңыртуу Күнү:
1 Июль 2024
![HTML аркылуу сүрөттүн туурасын жана бийиктигин кантип орнотсо болот - Коом HTML аркылуу сүрөттүн туурасын жана бийиктигин кантип орнотсо болот - Коом](https://a.vvvvvv.in.ua/society/kak-zadat-shirinu-i-visotu-kartinki-s-pomoshyu-html-4.webp)
Мазмун
Бул макалада HTMLдеги сүрөттүн бийиктигин жана туурасын кантип орнотуу керектиги көрсөтүлөт.
- "Width" атрибуту сүрөттүн туурасын белгилейт (пиксел менен).
- "Бийиктик" атрибуту сүрөттүн бийиктигин белгилейт (пиксел менен).
- HTML4.01де бийиктик пиксель же пайыз менен белгилениши мүмкүн, бирок HTML5те пиксел менен гана.
Кадамдар
1 HTML файлын ачыңыз. Мисалы, default.html файлын ачыңыз.
2 HTML кодуңузга төмөнкү сапты кошуңуз.
- img src = "imagefile.webp" alt = "Сүрөт" бийиктиги = "42" туурасы = "42">
- src графикалык файлдын жолун камтыйт (сүрөт).
- альтда сүрөттүн өлчөмү коюлат.
3 Бийиктик жана тууралык атрибуттарынын маанилерин өзүңүз каалаган баалуулуктарга алмаштырыңыз. Мисалы, бул сыяктуу: бийиктик = "19" туурасы = "20"
4 Файлды сактап, каалаган браузерде ачыңыз. Сүрөттүн өлчөмүн кантип текшерүү үчүн муну кылыңыз. "Кеңдик" атрибуту бардык негизги браузерлер тарабынан колдоого алынат (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).
Кеңештер
- Ар дайым сүрөттүн бийиктигин жана туурасын коюңуз. Ошентип, барак жүктөлгөндө, сүрөт үчүн орун корголот. Болбосо, браузер сүрөттүн өлчөмүн билбейт жана орун ээлебейт, бул барак жүктөлгөндө барактын түзүлүшүн өзгөртөт.
- Эгерде чоң сүрөттүн өлчөмү "бийиктик" жана "туурасы" атрибуттары аркылуу кичирейтилсе, колдонуучу чоң сүрөттү жүктөйт (бетте кичине көрүнсө да). Ошондуктан, алгач графикалык редактордо сүрөттүн өлчөмүн өзгөртүүнү сунуштайбыз.