Зургийг шууд текстэнд оруулаагүй. Хөтөч рүү нэрийг нь хэлж, дэлгэцэн дээр хаана, хэрхэн байрлуулахыг зааж өгнө. Үүнийг хийхийн тулд нэг HTML img тагийг ашиглана уу. Энэ нь вэб хуудас дээрх график объектын байршлыг зааж өгдөг.
Хэрэв шошгонд олон шинж чанар заавал байх ёстой бол img шошго дор хаяж нэг параметртэй байх ёстой - зургийн хаяг. Энэ атрибутыг src гэж нэрлэдэг:
- - энэ нь одоогийн директорт хадгалагдсан goat-j.webp" />
- - img тагийн энэ параметрээр хөтөч нь megasellmag.ru сайт дээр интернетэд байрлуулсан зургийг ачаалах болно.
Зохицуулах шинж чанарууд
Хуудас дээрх зургуудыг HTML ашиглан байрлуулахын тулд img хаягийг ашигладаг бөгөөд түүний шинж чанарууд нь тухайн хуудсан дээрх зургийг байрлуулах, текстийн боодлын шинж чанарыг хариуцдаг.
Өгөгдмөлөөр хөтөч нь зургийг дэлгэцийн голд байрлуулах бөгөөд текст нь түүнийг тойрохгүй. Img шошго нь align шинж чанарыг ашиглан хөтчтэй санал нийлэхгүй байгаагаа илэрхийлэх боломжийг олгоно.
- зургийг хуудасны зүүн захад байрлуулах ба текст баруун талд нь тойрох болно.
Зургийг баруун талд (зэрэгцүүлэх=баруун талд), дундуур (зэрэгцүүлэх=дунд), дээд талд (эгцлэх=дээд), доод талд байрлуулсан бол текстийн үйлдэл ижил байх болно.(эгцлэх=доод) ба голд (төв).
Тохиргоо ба хэмжээ
Текстийг зураг руу мөлхөхөөс сэргийлэхийн тулд img шошго нь тусгай шинж чанаруудыг олж авсан - hspace (хэвтээ/хэвтээ) болон vspace (босоо/босоо зах) нь зургийн ирмэгээс текстийн доголтын хэмжээг тодорхойлдог. пиксел.
Зураг нь заасан хэмжээгээр текстээс дуулгавартай холдохоос гадна хуудасны ирмэгээс холдох тул том догол оруулахгүй байх нь дээр.
Зургийн геометрийн хэмжээсүүд нь маш чухал бөгөөд энэ нь зөвхөн хүсэх зүйл биш, заримдаа зургийг зөв харуулахын тулд үүнийг зааж өгөх шаардлагатай байдаг. Үүний тулд өргөн (өргөн) ба өндөр (өндөр) шинж чанаруудыг ашигладаг бөгөөд утгыг нь пикселээр эсвэл хувиар тохируулдаг.
Хэрэв та зөвхөн өргөнийг зааж өгвөл өндөр нь анхны харьцаагаар автоматаар сонгогдоно. Хэмжээний хувь нь хөтчийн цонхны хэмжээнээс үл хамааран зургийг хуудасны баруун хэсэгт байрлуулах боломжийг олгодог бөгөөд ийм хэрэгцээ байнга гардаг.
Бусад сонголт
Хүрээний атрибут нь зургийг заасан зузаантай жаазанд оруулдаг бөгөөд үүнийг хөтөч анхдагчаар хийдэггүй.
Хүрээ нь утгагүй мэт санагдах тэг өргөнтэй (хүрээ='0') байж болно, гэхдээ энэ нь зураг холбоос болох хүртэл, хөтөч зааврыг хүлээхгүйгээр автоматаар цэнхэр хүрээгээр дугуйлдаг.
Интернэтийн хурд бага байгаад уурласан зарим тэвчээргүй хэрэглэгчид зураг харуулахыг зүгээр л идэвхгүй болгох болно. Ийм тохиолдлуудад alt параметрийг өгсөн бөгөөд энэ нь таныг оруулах боломжийг олгодогЗургийг ачаалах гэж яарч байгаа хэсэгт хэрэглэгч харах өөр текст.
Хэрэв танд alt параметрийн боломжууд таалагдахгүй бол img шошго нь longdesc шинж чанарыг санал болгож болох бөгөөд үүний утга нь илүү дэлгэрэнгүй тайлбар бүхий баримт бичгийн URL юм.
Usemap болон ismap шинж чанарууд нь хөтчид зураг нь гипер холбоосууд нь тусдаа хэсэг (холбоосын газрын зураг) байх зураг байх бөгөөд зөвхөн usemap параметр нь сервер дээрх навигацийн газрын зургийг, ismap нь газрын зураг дээр байгааг тодорхойлдог. үйлчлүүлэгч тал.
Доорх зураг дээрх 1-р холбоосын тайлбар:
Эзэгтэй зүйлс
lowsrc шинж чанар нь хөтчөөс эхлээд анхны зургийн хуулбарыг (эсвэл өөр хувилбар) бага чанартай, тиймээс "хөнгөн" зургийг татаж авахыг зааварчилдаг. Энэ заль мэхийг хэрэглэгчдэд интернетийн хурд бага байгаа тохиолдолд өгдөг. Байршуулсан анхны зураг нь "хуурамч"-ыг орлоно.
Img тагийн бага ашиглагддаг galleryimg шинж чанар нь зургийн удирдлагын самбарыг ажиллуулдаг (дээр нь хулганаа аваачиж) өгөгдмөл My Pictures хавтсыг нээж, зургийг хэвлэх, хадгалах эсвэл имэйлээр илгээх боломжийг танд олгоно. Та galleryimg параметрийг үгүй/худал гэж тохируулснаар самбарыг идэвхгүй болгож, тийм/үнэн гэж тохируулснаар идэвхжүүлж болно.
Шинэ HTML5 тодорхойлолтод хэд хэдэн шошго зарим параметрийг хуучирсан байна. Жишээ нь, img-н lowsrc, border, longdesc болон name шинж чанаруудыг хассан.
