როგორ შევქმნათ სურათი Html- ში

Სარჩევი:

როგორ შევქმნათ სურათი Html- ში
როგორ შევქმნათ სურათი Html- ში

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

ვიდეო: როგორ შევქმნათ სურათი Html- ში
ვიდეო: html css -ში მარტივი დიზაინის აწყობა (ნაწილი 1) 2024, მაისი
Anonim

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

როგორ გავაკეთოთ სურათი html- ში
როგორ გავაკეთოთ სურათი html- ში

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

Ნაბიჯი 1

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

ნაბიჯი 2

HTML- ში სურათის შესაქმნელად გამოიყენება ტეგი, რომელიც უნდა განთავსდეს განყოფილებაში საჩვენებლად. Მაგალითად:

სურათი HTML- ში

ნაბიჯი 3

წარწერა არ იკეტება და არ საჭიროებს დახურვის ნიშანს. მისი ძირითადი პარამეტრი, რომელიც უნდა იქნას გამოყენებული, არის src, რომელიც ადგენს სასურველ სურათის ფაილს. ამ სტრიქონში შეგიძლიათ მიუთითოთ როგორც სრული (https://), ასევე ფარდობითი გზა (მაგალითად, /pictures/img.jpg) იმ სურათის ფაილისა, რომლის განთავსებაც გსურთ.

ნაბიჯი 4

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

ნაბიჯი 5

სურათის პარამეტრების დასაყენებლად ასევე შეგიძლიათ გამოიყენოთ სიგანე და სიმაღლე ატრიბუტები. პირველი პარამეტრი პასუხისმგებელია სიგრძეზე, ხოლო მეორე გვერდზე გამოსახულების სიმაღლეზე. ეს პარამეტრი მითითებულია პიქსელებში. ამრიგად, & img> თეგის დაყენება შეიძლება:

ნაბიჯი 6

ამ ტეგის გამოყენებით იქმნება გამოსახულება, რომლის ბილიკი ფიქსირდება src ატრიბუტში. სურათის გადაფარვისას ნახავთ შეტყობინებას "სურათის სახელი". ამ შემთხვევაში, სურათის სიგანე 300 პიქსელი და სიმაღლე 250 პიქსელი იქნება. თქვენ შეგიძლიათ დააყენოთ ყველა ზემოთ ჩამოთვლილი პარამეტრი, როგორც გსურთ.

ნაბიჯი 7

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

გირჩევთ: