დამატება HTML შაბლონები ვებ სურათები 9 მარტივი ნაბიჯი
სურათები დაამატეთ თქვენს ვებ-გვერდს და მაყურებლების ყურადღების მიპყრობა. წარწერები უზრუნველყოფენ დამატებით ინფორმაციას თქვენს ვებ-გვერდებზე, მაგრამ ისინი რთულია HTML- ის და CSS- ის უნარ-ჩვევების გარეშე. აქ არის საიმედო მეთოდი დასძინა მარტივი, მაგრამ მიმზიდველი, წარწერა სურათი, რომელიც რჩება იმიჯი, სადაც თქვენ გადატანა ვებგვერდზე.
9 ნაბიჯი HTML გამოსახულება წარწერა
სურათის დამატება და გადააადგილეთ ისინი ერთად, სადაც გსურთ:
- სურათის დამატება თქვენს ვებ-გვერდზე.
- Div>
div> - style = "" >
div> - სიგანე სიგანე დაამატე სიგანეზე, როგორც გამოსახულება, სიგანე სტილით :
width: image width px; ">div> შრიფტის ზომა: 80%; ">div> - თავდაპირველი სახით, თუ ისინი გამოსახულებულია ქვემოთ სურათზე, ასე რომ დაამატოთ ტექსტი- align საკუთრების სტილი ატრიბუტი:
ტექსტური- align: center; "> < img src = "URL" alt = "ალტერნატიული ტექსტი" width = "width" სიმაღლე = "სიმაღლე" /> div>- საბოლოო ჯამში, დაამატეთ სურათსა და წარწერას შორის მცირე ზომის სივრცე, სურათთან ერთად სტილის ატრიბუტირება სურათთან ერთად:
style =" padding-bottom: 0.5em; " /> div> - შემდეგ დაამატეთ ტექსტის წარწერა პირდაპირ ქვემოთ სურათზე:
ეს არის ჩემი წარწერა div> ატვირთეთ ვებ-გვერდი თქვენს სერვერზე და შეამოწმოთ იგი ბრაუზერში.
მინიშნება ტიპები
- სიგანე : CSS ზომები შეიძლება ბევრ სხვადასხვა ზომებში იყოს, ასე რომ, როგორც წესი, უნდა შეიცავდეს გაზომვის ტიპს. მაგალითად: სიგანე: 100 px ; თუმცა, HTML გამოსახულების ზომები ყოველთვის პიქსელებშია, ასე რომ თქვენ დატოვებთ გაზომვას. width = "100"
- სურათის სიგანეზე გაცილებით ფართო სიგანე, ან გამოსახულების სიგრძის სიგანე, ანუ გამოსახულების სიგრძეზე ჩანს. თუ ეს არის ის, რაც გინდათ, მაშინ დაამატეთ
ტეგი პირდაპირ წარწერამდე და გამოსახულების შემდეგ.
- სიგანე სიგანე დაამატე სიგანეზე, როგორც გამოსახულება, სიგანე სტილით :