Დამატება სურათები თქვენს ვებ გვერდებზე

სურათების მიღება სწორად გაჩვენეთ

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

ჰოსტინგის სამსახურში თქვენი სურათის ატვირთვა მხოლოდ პირველი ნაბიჯია. შემდეგ თქვენ უნდა დაამატოთ ტეგი in HTML, რათა დადგინდეს.

სურათების ატვირთვა იგივე დირექტორიაში, როგორც HTML

თქვენი ფოტოები შეიძლება განთავსდეს იგივე დირექტორიაში, როგორც HTML. თუ ეს ასეა:

  1. ატვირთეთ სურათი თქვენი ვებ-გვერდის ფესვზე.
  2. სურათის ტეგით დაამატეთ HTML თქვენს გამოსახულებას.
  3. ატვირთეთ HTML ფაილი თქვენი საიტის ძიებისთვის.
  4. შეამოწმე ფაილი თქვენი ბრაუზერის გვერდის გახსნით.

სურათის ტეგით ხდება შემდეგი ფორმატი:

თუ ვთქვათ, მთვარის ფოტო ატვირთავთ "lunar.jpg", გამოსახულების სახით იღებს შემდეგ ფორმას:

სიმაღლე და სიგანე სურვილისამებრ მაგრამ რეკომენდირებულია. გაითვალისწინეთ, რომ გამოსახულების tag არ საჭიროებს დახურვის ტეგიას.

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

სურათების ატვირთვა ქვედანაყოფში

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

თქვენი ვებ-გვერდის ფესვმა, სადაც URL- ი, ბოლოს და ბოლოს დასასრულებლად გამოჩნდება. მაგალითად, "MyWebpage.com" - ისთვის განკუთვნილი ვებსაიტისთვის ამ ფორმის შემდეგნაირად: http://MyWebpage.com/. შენიშვნა slash დასასრულს. როგორც წესი, მითითებულია დირექტორიაში. ქვედანაყოფები მოიცავს სლავს, რათა ნახოთ, სადაც ისინი იჯდეს დირექტორია სტრუქტურაში. MyWebpage- ის მაგალითი შეიძლება ჰქონდეს სტრუქტურა:

http://MyWebpage.com/ - root დირექტორია http://MyWebpage.com/products/ - პროდუქტების დირექტორია http://MyWebpage.com/products/documentation/ - დოკუმენტაციის დირექტორიაში პროდუქტების დირექტორია http: // MyWebpage.com/images/ - გამოსახულების დირექტორია

ამ შემთხვევაში, როდესაც სურათზე მითითებულ სურათზე მიუთითებთ, წერთ:

ეს ეწოდება აბსოლუტურ გზას თქვენს სურათს.

საერთო პრობლემები სურათებით, რომლებიც არ არის ნაჩვენები

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

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

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

SRC- ს ატრიბუტი არ უნდა იწყებოდეს C: \ or file: ეს გამოჩნდება თქვენი კომპიუტერის ვებ-გვერდის შესამოწმებლად, მაგრამ ყველას, ვინც ეწვია თქვენს ვებ-გვერდს დაინახავს გატეხილი გამოსახულება. ეს იმიტომ ხდება, რომ C: \ points მიუთითეთ მდებარეობა თქვენს მყარ დისკზე. იმიტომ, რომ სურათი არის თქვენს ხისტ დისკზე, ის აჩვენებს, როდესაც თქვენ იხილავთ.