როგორ ჩავსვათ სურათი HTML- ში

Სარჩევი:

როგორ ჩავსვათ სურათი HTML- ში
როგორ ჩავსვათ სურათი HTML- ში

ვიდეო: როგორ ჩავსვათ სურათი HTML- ში

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

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

როგორ ჩავსვათ სურათი HTML- ში
როგორ ჩავსვათ სურათი HTML- ში

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

Ნაბიჯი 1

თუ სურათის ფაილი და HTML ფაილი მდებარეობს იმავე საქაღალდეში, გამოიყენეთ შემდეგი HTML კოდი სურათის ჩასასმელად: სადაც imagename.jpg

ნაბიჯი 2

თუ გამოსახულების ფაილი მდებარეობს იმავე სერვერზე, მაგრამ სხვა საქაღალდეში, შეცვალეთ ეს კონსტრუქცია შემდეგნაირად: სადაც /folder/anotherfolder/imagename.jpg

ნაბიჯი 3

სიფრთხილით განათავსეთ სხვა სერვერებზე შენახული სურათები - იქ შეიძლება დაცული იქნას გაჟონვისგან დაცვა, შემდეგ კი სასურველი სურათის ნაცვლად, თქვენი გვერდის ვიზიტორი გაფრთხილებას ნახავს ამგვარი დაცვის შესახებ. თუ ასეთი დაცვა არ არის და მესამე მხარის სერვერის მფლობელი არ ეწინააღმდეგება იქ შენახული სურათების სხვა ადამიანების გვერდებზე ჩასმას, გამოიყენეთ შემდეგი კოდის ფრაგმენტი: სადაც https://server.domain/folder/anotherfolder/imagename.jpg

ნაბიჯი 4

იმისთვის, რომ სურათი იყოს ამავე დროს ბმული სხვა გვერდზე, გამოიყენეთ შემდეგი კოდი:, სადაც linktext არის ბმულის მისამართი (ადგილობრივი ან გლობალური).

ნაბიჯი 5

დაბოლოს, ისე, რომ როდესაც მომხმარებელი დააჭერს სურათს, მომხმარებელმა ნახოს მისი გაფართოებული ასლი, შეცვალოს წინა ფრაგმენტი შემდეგნაირად: სადაც imagename-big.jpg

გირჩევთ: