Attēlu pievienošana jūsu vietnes lapām bieži vien padara tos labvēlīgākus acīm un nodod informāciju labāk nekā tikai teksta lietošana. Šis process tiek veikts, izmantojot HTML kodu un attēla failu. Fails var būt no citas tīmekļa lapas vai saglabāts tīmekļa serverī.

Izmantojot tag

Web lapas HTML kodā varat pievienot attēlu, izmantojot tag. Iekš atzīmējiet četrus atribūtus:

• Src - avota atribūts norāda attēla atrašanās vietu. Ja attēls atrodas tajā pašā serverī kā jūsu vietne, varat izmantot relatīvu ceļu, bet attēli no citas vietnes prasa absolūtus ceļus.
• Alt - alternatīvā teksta atribūts ir rakstisks attēla apraksts.
• Platums - attēla platums.
• Augstums - attēla augstums.

Neobligāts atribūts ir Border, kas ļauj norādīt attēlu ap attēlu. Robeža atribūts ir noteikts pikseļu lielumā. Piemēram, izmantojot robežu = 1, apzīmējums nozīmē, ka attēls ap attēlu ir 1 pikseļa platums.

Piezīme. Atribūtu Border HTML5 ir atcelts un tas netiek atbalstīts.

Piemēri

Nākamie piemēri parāda faktisko HTML, ko izmanto, lai pievienotu attēlu šīs lapas augšpusē. Tie var tikt ievietoti jebkuras lapas virspusē. Pirmajam ir īsāks URL, jo attēls tiek saglabāts mūsu serverī; otrais ir tas, kā jūs saikni ar mūsu tēlu.

Pirmais piemērs

Otrais piemērs

Kādus attēla formātus var izmantot tīmekļa lapā?

Visbiežāk izmantotie attēli, fotoattēli, logotipi un citi attēli ir JPEG, GIF un PNG. Citi attēla formāti, kas netiek plaši atbalstīti, piemēram, BMP, var nedarboties visos pārlūkos.

Vai man ir nepieciešamas citāti ap atribūtiem img tagā?

Jā. Lai gan šodienas pārlūkprogrammas parasti var noteikt kļūdas, kurās trūkst citātu ap atribūtu vērtību, jums vienmēr jābūt citātiem ap atribūtu vērtību, lai novērstu kļūdas.