HTML - ფოტო

ფოტო ვებ გვერდის ერთ ერთი მნიშვნელოვანი კომპონენტია, მისი მეშვებით შესაძლებელია ვიზუალური მხარის გაუმჯობესება 


სინტაქტსი:

<img src="google.png" alt="ალტერნატიული ტექსტი">


იმისათვის რომ ფოტო გამოჩდეს ბრაუზერში , html ფაილი და ფოტო ერთ საქაღალდეში უნდა იყვნენ მოთავსებული 


მაგალითად:



src - ატრიბუტი განზაზღვრავს გამოსატანი ფოტოს დასახელებას და მის  ფაილურ მდებარეობას 

alt - ატრიბუტის მნიშვნელობაში გაწერილი ტექსტი გამოჩდება მხოლოდ იმ შემთხვევაში თუ ბრაუზერმა ვერ იპოვა ფოტო და ვერ მოხდა მისი ვიზუალური  რენდერი


შესაძლებელია ფოტოს შემოტანა გარე რესურსებიდან 

მაგალითად:

<img src="https://storage.googleapis.com/gweb-uniblog-publish-prod/images/HOLOCENE_Thumbnail.width-1300.png" alt="ფოტო google დან">


ფოტოს სიმაღლე და სიგანე 


ფოტოს სტილების მინიჭება ძირითადად css გამოყენებით ხდება, მაგრამ მარტივი თვისებების მართვა HTML ატრიბუტებითაც შეგვიძლია 

 

<img src="google.png" alt="ალტერნატიული ტექსტი" width="150" height="150">


width - ატრიბუტი განსახღვრავს ფოტოს სიგანეს პიქსელებში

height - ატრიბუტი განსახღვრავს ფოტოს სიმაღლეს პიქსელებში