Таны Вэб хуудсанд зураг нэмэх

Зургийг зөв харуулах

Таны вебсайтын HTML-тэй холбохыг хүссэн дурын зураг эхлээд вэб хуудсанд HTML илгээж байгаа тэр газарт байршуулах ёстой, вэбсайтыг FTP- ээр хүрэх вэб сервер дээр байрлуулсан эсэх эсвэл вэб хостинг үйлчилгээг ашигладаг эсэхээс хамаарч байршуулах ёстой. Хэрэв та вэбсайт хостинг үйлчилгээг ашигладаг бол энэ үйлчилгээнд байршуулсан формыг ашиглана уу. Эдгээр маягтууд нь ихэвчлэн таны хост дансны удирдлагын хэсэгт байдаг.

Хостинг үйлчилгээ рүү өөрийн зургийг байршуулах нь зөвхөн эхний алхам юм. Дараа нь та үүнийг тодорхойлохын тулд HTML дээр шошго нэмэх хэрэгтэй.

HTML дүрсийг адил дүрмээр байршуулах

Таны зургууд HTML шиг ижил сан дотор байрлах боломжтой. Хэрэв тийм бол:

1. Вэбсайтынхаа үндэсийг дүрслэв.
2. Зурагт зааж өгөхийн тулд HTML-д зураг дүрс оруулах.
3. HTML вэбсайтаа вэбсайтынхаа үндэс рүү оруулна уу.
4. Вэб хөтөч дээрээ хуудсыг нээх замаар файлыг тест хийнэ үү.

Зургийн хаяг дараах форматыг авдаг:

Та сарны зургийг "lunar.jpg" нэртэйгээр байршуулсан гэж үзвэл зурагны хаяг дараах хэлбэртэй байна:

Өргөн, өргөн нь нэмэлт боловч зөвлөж байна. Зургийн таг нь хаалтын хаяг шаарддаггүйг анхаарна уу.

Хэрэв та өөр баримт бичигт холбосон зурагтай холбож байвал зангууг ашиглан үүрний зургийг оруулж өгнө.

Дэд директорууд дахь зургийг байршуулах

Заримдаа Images гэж нэрлэдэг дэд лавлахад зургийг хадгалахад илүү түгээмэл байдаг. Тэр сан доторх зургуудыг цэгцлэхийн тулд та өөрийн вэбсайтын үндэстэй холбоотой эсэхийг мэдэх хэрэгтэй.

Таны вэбсайтын үндэс нь URL дээр, төгсгөлд нь ямар ч сангуудгүйгээр харуулах болно. Жишээлбэл, "MyWebpage.com" нэртэй вэбсайтны хувьд root энэ маягтыг дагаж байна: http://MyWebpage.com/. Эцэст нь зураасыг хараарай. Энэ нь сангийн үндсийг ихэвчлэн заадаг. Дэд директорууд нь тэр сангийн схемд хаана байрлахаа харуулахын тулд хөндлөн огтлолцоно. MyWebpage жишээ сайт нь бүтэцтэй байж болно:

http://MyWebpage.com/ - үндсэн лавлах http://MyWebpage.com/products/ - бүтээгдэхүүний лавлах http://MyWebpage.com/products/documentation/ - бүтээгдэхүүний лавлах директор http: // MyWebpage.com/images/ - зургийн сан

Энэ тохиолдолд, та дүрсийг зурагны санд байрлуулахдаа дараах зүйлийг бичнэ үү:

Үүнийг таны зурган дээр үнэмлэхүй зам гэж нэрлэдэг.

Дээрх зургуудтай холбоотой нийтлэг асуудлууд

Вэбсайт дээрээ харуулах зургийг авах нь эхлээд хүндрэлтэй байдаг. Хамгийн түгээмэл хоёр шалтгаан нь HTML нь зааж байгаа газрын зургийг байршуулаагүй эсвэл HTML нь буруу бичсэн байна.

Хамгийн эхний хийх зүйл бол таны зураг олдох боломжтой эсэхийг хараарай. Ихэнх хостинг үйлчилгээ үзүүлэгчид нь таны зургийн байршуулалтыг харахын тулд ашигладаг зарим төрлийн удирдлагын хэрэгсэлтэй байдаг. Хэрэв та өөрийн зурган дээр зөв URL байгаа бол түүнийгээ өөрийн хөтөч рүү оруулна уу. Хэрэв зураг гарч ирвэл та зөв байршилтай байна.

Дараа нь таны HTML тэр зургийг зааж байгааг шалгаарай. Үүнийг хамгийн хялбараар хийх арга бол SRC шинж чанарыг шалгасан URL дүрсийг байрлуулах явдал юм. Хуудсыг дахин шалгаад тест хийх.

Таны зурагны SRC шинж чанар нь C: \ or file-ээр эхлэхгүй байх ёстой . Эдгээр нь таны вэбсайтыг өөрийн компьютер дээр тестлэхэд ажиллана. Гэхдээ таны сайт дээр очиж буй бүх хүн эвдэрсэн зургийг харах болно. Учир нь C: \ нь таны хатуу диск дээрх байрлалыг заадаг. Зураг нь таны хатуу диск дээр байгаа тул та түүнийг харахад харуулдаг.