როგორ ჩავსვათ სურათი ვებგვერდზე Html- ის გამოყენებით

Სარჩევი:

როგორ ჩავსვათ სურათი ვებგვერდზე Html- ის გამოყენებით
როგორ ჩავსვათ სურათი ვებგვერდზე Html- ის გამოყენებით

ვიდეო: როგორ ჩავსვათ სურათი ვებგვერდზე Html- ის გამოყენებით

ვიდეო: როგორ ჩავსვათ სურათი ვებგვერდზე Html- ის გამოყენებით
ვიდეო: HTML გაკვეთილი 13 ( სურათის დამატება ) 2024, მაისი
Anonim

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

როგორ ჩავსვათ სურათი ვებგვერდზე html- ის გამოყენებით
როგორ ჩავსვათ სურათი ვებგვერდზე html- ის გამოყენებით

Ეს აუცილებელია

  • - ინტერნეტზე წვდომა;
  • - სურათი.

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

Ნაბიჯი 1

ითვლება, რომ შესაძლებელია კომპიუტერში შენახული სურათების პირდაპირი გამოქვეყნება. ეს არის შეცდომა: თუ თქვენი კომპიუტერი არ არის 24/7 სერვერი, სურათი არ გამოჩნდება შეტყობინებაში.

ნაბიჯი 2

ატვირთეთ სურათი სპეციალურ მეხსიერებაში, მაგალითად Yandex.fotka ან Ipicture.ru. მნიშვნელოვანია, რომ ფაილი იყოს ხილული და ყოველთვის ონლაინ რეჟიმში. გახსენით სურათი სამიზნე საიტის გვერდზე და დააკოპირეთ URL შესაბამისი სტრიქონიდან.

ნაბიჯი 3

დაიწყეთ თქვენი წერილის შედგენა HTML რეჟიმში. ჩასვით შემდეგი ტეგები:. უღელტეხილის ადგილას ჩასვით გრაფიკული ფაილის დაკოპირებული მისამართი.

ნაბიჯი 4

გადაამოწმეთ სწორი ჩასმა გადახედვის რეჟიმში. ფაილი უნდა იყოს ნაჩვენები ფანჯარაში თავდაპირველი ზომით. თუ სურათი არ არის, შეამოწმეთ შეყვანილი მისამართის სიზუსტე.

ნაბიჯი 5

თუ თქვენ ატვირთეთ დიდი სურათი და გსურთ მისი მასშტაბის ჩვენება, შეცვალეთ თეგები. ბრჭყალის დასრულების შემდეგ ჩადეთ სიგანე = ან სიმაღლე = ნიშანი, ხოლო ამის შემდეგ სასურველი ზომა პიქსელებში. Მაგალითად:. ამ შემთხვევაში მიიღებთ ვერტიკალურად ორიენტირებულ სურათს, რომლის სიმაღლეა 800 პიქსელი.

ნაბიჯი 6

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

გირჩევთ: