HTML дээрх зургийн хэмжээг хэрхэн нэмэгдүүлэх вэ

Агуулгын хүснэгт:

HTML дээрх зургийн хэмжээг хэрхэн нэмэгдүүлэх вэ
HTML дээрх зургийн хэмжээг хэрхэн нэмэгдүүлэх вэ

Видео: HTML дээрх зургийн хэмжээг хэрхэн нэмэгдүүлэх вэ

Видео: HTML дээрх зургийн хэмжээг хэрхэн нэмэгдүүлэх вэ
Видео: 🌺 Красивая! Удобная! Практичная! Летняя женская кофточка спицами. Часть 1. 🌺 Размер 48-50 2024, May
Anonim

Та хуудсанд харуулсан зургийн хэмжээг тухайн шошгонд тохирох шинж чанаруудыг зааж өгснөөр өөрчилж болно

HTML хуудсан дээрх график зургийг харуулах үүрэгтэй. Өсгөх, багасгах нь өргөн ба өндрийн шинж чанаруудаар хийгддэг.

HTML дээрх зургийн хэмжээг хэрхэн нэмэгдүүлэх вэ
HTML дээрх зургийн хэмжээг хэрхэн нэмэгдүүлэх вэ

Зураг оруулна уу

Засварлахаасаа өмнө хаягуудыг зааж хуудсанд зураг нэмнэ үү

… HTML баримтыг засахын тулд та хуудсыг дурын текст засварлагч дээр нээх хэрэгтэй. Файл дээр хулганы баруун товчийг дарж "Open With" шинж чанарыг сонгоно уу - "Notepad". Та кодыг өөрчлөхөд ашиглахад илүү тохиромжтой бусад засварлагчийг зааж өгч болно.

Баримтын хэсэг рүү ороод шошгыг нь олоорой

… Хэрэв зураг хараахан хуудсанд нэмж оруулаагүй бол дараах кодыг оруулна уу.

Зургийн файл руу орох зам харьцангуй эсвэл үнэмлэхүй байж болно. Alt = "Image" атрибут нь зургийн нэрийг хариуцаж, түүнд тайлбар оруулах бөгөөд хулганы заагч зураг дээр байх үед гарч ирнэ.

Хэмжээ өөрчлөгдөх

Зургийг томруулахын тулд зургийн шошго дээр шинж чанаруудыг нэмж тохирох өргөн ба өндрийн параметрүүдийг тохируулна уу.

Өргөний параметр нь зургийн өргөнтэй тохирч байгаа бөгөөд өндөр нь зургийн өндрийн индикаторыг агуулна. Энэ тохиолдолд хуудсыг нээхэд хөтчийн цонхонд 300 пикселийн өргөн, 350 пикселийн өндөртэй дүрс гарч ирнэ. Та hspace болон vspace шинж чанаруудыг нэмж хуудас дээрх форматлах тохиргоог өөрчлөх боломжтой.

Энэ тодорхойлогчид зураг дээрх хэвтээ (hspace) ба босоо (vspace) ирмэгийг зааж өгсөн болно. Хуудсанд нэмж оруулсан аливаа текстийг зургаас хэвтээ байдлаар 5 пиксел, босоо байдлаар 10 пиксел зайтай байрлуулна. Хүрээний атрибут нь зургийн эргэн тойронд 1 пикселийн хүрээ үүсгэх үүрэгтэй.

Зургийн хэмжээг зөвхөн пикселээр төдийгүй браузерын цонхны хэмжээтэй харьцуулж хувиар тохируулж болно гэдгийг тэмдэглэх нь зүйтэй. Жишээлбэл:

Энэ кодыг ажилласны үр дүнд зураг нь цонхны бүх өргөн дээр сунах болно. Энэ тохиолдолд зураг гажуудсан байж болохыг тэмдэглэх нь зүйтэй. Зургийн томруулсан дэлгэц нь тухайн зургийн чанараас хамаарна.

"Тэмдэглэл" цонхны "Файл" - "Хадгалах" функцийг ашиглан хийсэн өөрчлөлтүүдийг хадгална уу. Хөтөчийн цонхонд байгаа дүрсийг HTML файлыг нээж, хулганы баруун товчийг дарж "Open With" сонголтыг сонгоно уу. Санал болгож буй сонголтуудын жагсаалтаас интернет үзэх програмаа сонго. Зургийн хэмжээг тохируулахын тулд та HTML файлыг хэдэн ч удаа засах боломжтой.

Зөвлөмж болгож буй: