HTML дээр зургийг хэрхэн яаж байрлуулах вэ

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

HTML дээр зургийг хэрхэн яаж байрлуулах вэ
HTML дээр зургийг хэрхэн яаж байрлуулах вэ

Видео: HTML дээр зургийг хэрхэн яаж байрлуулах вэ

Видео: HTML дээр зургийг хэрхэн яаж байрлуулах вэ
Видео: Часть 1. Теплая, красивая и удобная женская манишка на пуговицах. Вяжем на 2-х спицах. 2024, Дөрөвдүгээр сар
Anonim

Вэб хуудсан дээрх текстийг дүрслэн харуулахад илүү уншигддаг. HTML нь энэ зорилгоор img тагийг хадгалдаг. Үүнийг бусад хаягуудтай хослуулан ашигласнаар та ижил дүрсний том хувилбарыг багтаасан идэвхтэй холбоос хийх боломжтой.

HTML дээр зургийг хэрхэн яаж байрлуулах вэ
HTML дээр зургийг хэрхэн яаж байрлуулах вэ

Зааварчилгаа

1-р алхам

Хэрэв зургийн файл ба HTML файл нэг хавтсанд байрласан бол дүрсийг оруулахдаа дараахь HTML кодыг ашиглана уу: хаана imagename.jpg

Алхам 2

Хэрэв зургийн файл нь ижил сервер дээр байрлаж байгаа боловч өөр хавтсанд байгаа бол уг бүтцийг дараах байдлаар өөрчилнө үү: /folder/anotherfolder/imagename.jpg

Алхам 3

Бусад серверүүд дээр хадгалагдсан зургуудыг болгоомжтой байрлуулж, уусгахаас хамгаалалтыг тэнд идэвхжүүлсэн байж магадгүй бөгөөд дараа нь хүссэн зургийн оронд таны хуудсанд зочилсон хүмүүс ийм хамгаалалтын талаар анхааруулга авах болно. Хэрэв ийм хамгаалалт байхгүй бөгөөд гуравдагч этгээдийн серверийн эзэмшигч тэнд хадгалагдсан зургуудыг бусад хүмүүсийн хуудсанд оруулахыг эсэргүүцэхгүй бол дараах кодын хэсгийг ашиглана уу: https://server.domain/folder/anotherfolder/imagename.jpg

Алхам 4

Зургийг нэгэн зэрэг өөр хуудасны холбоос байхын тулд дараахь кодыг ашиглана уу, үүнд linktext нь холбоосын хаяг (орон нутгийн эсвэл дэлхийн) байна.

Алхам 5

Эцэст нь хэлэхэд, хэрэглэгч зураг дээр дарахад хэрэглэгч түүний томруулсан хуулбарыг харж, өмнөх фрагментийг дараах байдлаар өөрчилнө үү: хаана imagename-big.jpg

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