როგორ გავზარდოთ სურათის ზომა Html- ში

Სარჩევი:

როგორ გავზარდოთ სურათის ზომა Html- ში
როგორ გავზარდოთ სურათის ზომა Html- ში

ვიდეო: როგორ გავზარდოთ სურათის ზომა Html- ში

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

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

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

როგორ გავზარდოთ სურათის ზომა html- ში
როგორ გავზარდოთ სურათის ზომა html- ში

ჩადეთ სურათი

რედაქტირების დაწყებამდე დაამატეთ სურათი სურათს თეგების მითითებით

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

გადადით დოკუმენტის განყოფილებაში და იპოვნეთ ნიშანი

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

სურათის ფაილის გზა შეიძლება იყოს ფარდობითი ან აბსოლუტური. Alt = "Image" ატრიბუტი პასუხისმგებელია სურათის სახელზე და დაამატეთ მას წარწერა, რომელიც გამოჩნდება მაუსის მაჩვენებლის გამოსახულებისას.

ზომის შეცვლა

სურათის გასადიდებლად, დააყენეთ მას შესაბამისი სიგანე და სიმაღლე პარამეტრები და დაამატეთ ატრიბუტები გამოსახულების თეგს:

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

ამ აღწერილობაში მითითებული იყო ჰორიზონტალური (hspace) და ვერტიკალური (vspace) მინდვრები გამოსახულებიდან. გვერდზე დამატებული ნებისმიერი ტექსტი ჰორიზონტალურად 5 პიქსელით დაშორდება გამოსახულებას და 10 პიქსელს ვერტიკალურად. საზღვრის ატრიბუტი პასუხისმგებელია სურათის გარშემო 1 პიქსელიანი საზღვრის შექმნაზე.

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

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

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

გირჩევთ: