როგორ დავამატოთ სურათი ბმულს

Სარჩევი:

როგორ დავამატოთ სურათი ბმულს
როგორ დავამატოთ სურათი ბმულს

ვიდეო: როგორ დავამატოთ სურათი ბმულს

ვიდეო: როგორ დავამატოთ სურათი ბმულს
ვიდეო: როგორ დავამატოთ ბლოგში სურათს ბმული? 2024, მაისი
Anonim

ძალიან მოსახერხებელია, როდესაც აქტიური ბმული არ არის ტექსტი, არამედ სურათი. HTML ნიშნის ენა საკმაოდ შესწევს ამის გაკეთება. ამისათვის საჭიროა მხოლოდ თეგების სპეციალური გზით გაერთიანება.

როგორ დავამატოთ სურათი ბმულს
როგორ დავამატოთ სურათი ბმულს

ინსტრუქციები

Ნაბიჯი 1

თუ სერვერზე ყველა ფაილი ინახება ერთ საქაღალდეში, დაწერეთ გვერდის შემდეგი HTML კოდი:

HA href=page.html› ამ ბმულზე დაწკაპუნებით თქვენ გადახვალთ საიტის სხვა გვერდზე /a›

ნაბიჯი 2

შეიტყვეთ, თუ როგორ შეგიძლიათ ჩაწეროთ მესამე მხარის საიტებზე განთავსებული ადგილობრივი გვერდების ბმულები თქვენს HTML- ში:

HA href= https://server.domain/folder/page.html› ამ ბმულზე დაწკაპუნებით თქვენ გადახვალთ გვერდზე, რომელიც განთავსებულია სულ სხვა საიტზე ‹/a›

ნაბიჯი 3

ახლა შეამოწმეთ, თუ როგორ უნდა ჩასვათ სურათები გვერდზე, რომლებიც ინახება იმავე სერვერზე, როგორც საიტი, იმ პირობით, რომ ამ სერვერზე ყველა ფაილი ინახება გაზიარებულ საქაღალდეში:

G Img src = filename.jpg

ნაბიჯი 4

ანალოგიურად, გვერდზე ჩადეთ მესამე მხარის სერვერებზე შენახული სურათები:

‹Img src =

ამასთან, გახსოვდეთ, რომ ზოგიერთ სერვერს არ აძლევს სურათების ჩასმას მათ გარეთ გვერდებზე, რომლებიც აჩვენებს გამაფრთხილებელ ეკრანმზოერებს ან არაფერს აჩვენებს. ასეთ შემთხვევებში, არ გადაწეროთ სურათი ადგილობრივ სერვერზე - ეს იქნება საავტორო უფლებების დარღვევა. ამ სურათის ბმულის გაკეთება უკეთესია.

ნაბიჯი 5

სურათზე დააწკაპუნეთ ბმულზე გასასვლელად, დააკავშიროთ ეს ტეგები შემდეგნაირად:

HA href= https://server.domain/folder/page.html› ‹img src = picture.jpg› /a›

თუ გსურთ, ამ კონსტრუქციაში შეცვალეთ გვერდის გლობალური ბმული ადგილობრივით, ან, პირიქით, სურათის ლოკალური ბმული გლობალურით.

ნაბიჯი 6

დაბოლოს, თუ გსურთ ბმულს მოჰყვეს დაწკაპუნება როგორც სურათზე, ასევე ქვემოთ მოცემულ ტექსტზე, გამოიყენეთ ასეთი უფრო რთული სტრუქტურა:

HA href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› თქვენ გადამისამართდებით სხვა გვერდზე, მიუხედავად იმისა დააჭერთ თუ არა ამ ტექსტს, ან მის ზემოთ განთავსებულ ტექსტს. სურათი. შედეგი ზუსტად იგივე იქნება.

გირჩევთ: