როგორ გადავიტანოთ სურათი HTML კოდში

კლავიატურაზე ხელების აკრეფა

მამაკაცის ხელები კომპიუტერის კლავიატურაზე

სურათის კრედიტი: JatinderKumar/iStock/Getty Images

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

Ნაბიჯი 1

აირჩიეთ სურათი. ეს შეიძლება იყოს ნებისმიერი ზომის სურათი.

დღის ვიდეო

ნაბიჯი 2

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

ნაბიჯი 3

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

ნაბიჯი 4

დაარეგულირეთ გამოსახულების სიგანე, როგორც გსურთ, რომ გამოჩნდეს, პიქსელების მიხედვით. კვლავ გამოიყენეთ სურათის შენახული ზუსტი URL. Მაგალითად, http://example.com/image.jpg" სიგანე=400>. ეს გაჭიმავს ან შეამცირებს სურათის არსებულ სიგანეს 400 პიქსელამდე.

ნაბიჯი 5

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

ნაბიჯი 6

საჭიროების შემთხვევაში შეუთავსეთ სიგანისა და სიმაღლის კორექტირება. Მაგალითად, .

ნაბიჯი 7

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

კატეგორიები

Ბოლო

როგორ შევადგინოთ მრავალი PowerPoint პრეზენტაცია

როგორ შევადგინოთ მრავალი PowerPoint პრეზენტაცია

გამოტოვეთ მშრალი წაშლის დაფა და გააკეთეთ თქვენ...

როგორ ამოიღოთ ინდივიდუალური სლაიდები Power Point-ის პრეზენტაციიდან

როგორ ამოიღოთ ინდივიდუალური სლაიდები Power Point-ის პრეზენტაციიდან

ამოიღეთ PowerPoint სლაიდი და შეინახეთ ცალკე ფა...

როგორ გააკეთოთ ქუდი PowerPoint-ში

როგორ გააკეთოთ ქუდი PowerPoint-ში

სურათის კრედიტი: STUDIO GRAND OUEST/iStock/Gett...