ᲘნტერნეტიᲕებ დიზაინი

Picture მენეჯერი - img tag

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

თუ ბევრი ატრიბუტები, რომ tags, პრინციპში, არ არის სავალდებულო, img tag უნდა ჰქონდეს მინიმუმ ერთი პარამეტრი - მისამართი სურათი. ეს ატრიბუტი მოუწოდა src:

  • - ამ ეტაპზე, როგორც ჩანს, goat.jpg ფაილი, რომელიც ინახება მიმდინარე დირექტორია;
  • - ვარიანტი tag img ბრაუზერი ჩამოტვირთვა images გამოქვეყნდა ინტერნეტში megasellmag.ru საიტზე.

ატრიბუტები უერთდებიან

პოზიციონირება სურათი HTML გვერდი დახმარებით მხოლოდ ემსახურება img tag, ატრიბუტები, რომლებიც პასუხისმგებელნი არიან განთავსება იმიჯი გვერდზე და ხასიათი მისი ტექსტის გადატანა.

სტანდარტულად, ბრაუზერის იმიჯი აქვს ცენტრში ეკრანზე, და ტექსტი wraps გარშემო, ეს არ არის. Img tag საშუალებას გამოხატოს თავისი უთანხმოება ბრაუზერიდან align ატრიბუტი (გუნდის).

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

ანალოგიურად, რომ ქცევის ტექსტი, თუ სურათი არის მარჯვნივ (align = უფლება), შუა (align = შუა), დაბრუნება (align = დაბრუნება), ქვედა (align = ბოლოში) და ცენტრი (ცენტრი).

პარამეტრები წანაცვლება და ზომის

იმისათვის, რომ ტექსტი სურათი არ არის crawled, მიიღო სპეციალური tag img ატრიბუტები -hspace (ჰორიზონტალური / ჰორიზონტალური სფეროში) და ჰორიზონტალური სივრცე (ვერტიკალური / ვერტიკალური სფეროში) განსაზღვრის ღირებულების წაწევის ტექსტი სურათი კიდეები პიქსელი.

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

ძალიან მნიშვნელოვანია, გეომეტრიული ზომის სურათი არ არის მხოლოდ სასურველია, მაგრამ ზოგჯერ აუცილებელია მიუთითოთ სწორი ჩვენება images. ამ თვისებებია სიგანე (სიგანე) და სიმაღლე (H), რომლის ღირებულება არის პიქსელი ან პროცენტი.

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

სხვა ვარიანტი

საზღვრის ატრიბუტი შედის სურათს ჩარჩო მითითებული სისქე, რომელიც არ ბრაუზერი.

ჩარჩო შეიძლება ჰქონდეს ერთი შეხედვით უაზრო ნულოვანი სისქე (border = "0"), მაგრამ ეს არის, რადგან სურათი არ არის ბმული, ბრაუზერი ავტომატურად obvedet თავისი ლურჯი ჩარჩო, გარეშე მითითებებს ელოდება.

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

თუ თქვენ არ ხართ კმაყოფილი შესაძლებლობას შექმნის alt, an img tag შეთავაზება longdesc ატრიბუტი როგორც ღირებულება, რომელიც გამოიყენება URL-მისამართი დოკუმენტი უფრო დეტალური აღწერა.

ატრიბუტები usemap ismap და ვუთხრათ ბრაუზერის, რომ გამოსახულება იქნება ხატვის რომელიც ბმულებს ცალკეულ სფეროებში (მინიშნება ბარათი), მხოლოდ პარამეტრი usemap განსაზღვრავს ნავიგაცია რუკა სერვერზე, და ismap - რუკა კლიენტის მხარეს.

აღწერა ბმული 1 ფიგურა ქვემოთ:

<რუკა name = 'Primorye " >

<ფართი ფორმის = 'rect "coords = 60, 20,110,50,105,80,35,80' href = 'http: // საიტი /article/148301/Lsd022_1.html" target = "_ blank" alt =' Lesozavodsk ">

ეგზოტიკური ელემენტები

ატრიბუტი lowsrc ავალებს ბრაუზერზე ჩამოტვირთოთ ასლი პირველი (ან სხვა ალტერნატიული) ორიგინალური იმიჯის დაბალი ხარისხის და შესაბამისად უფრო "მსუბუქი". ეს ხრიკი არის გათვალისწინებული, იმ შემთხვევაში, დაბალი სიჩქარე ინტერნეტით შესახებ. ორიგინალური იმიჯი ჩატვირთვისას ცვლის "ყალბი".

ეს არ არის ხშირად galleryimg img tag ატრიბუტი იწვევს გამოსახულების პანელი (თუ hover მეტი), რომელიც საშუალებას გაძლევთ გახსნა საქაღალდის "ჩემი სურათები" და ბეჭდვითი, შენახვა ან სურათის გაგზავნა ელ. გამორთე panel სასურველი პარამეტრის მნიშვნელობა galleryimg არ / ყალბი, და საშუალებას მისცემენ მას კი / ასეა.

ახალი HTML5 დაზუსტება რიგი tags მოძველებული ზოგიერთი პარამეტრები. ასე რომ, img lowsrc ატრიბუტები, საზღვარი, longdesc და სახელი არ დააკმაყოფილა.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ka.atomiyme.com. Theme powered by WordPress.