HTML Images - <img> Tag un SRC atribūts,
HTML, attēli tiek noteikti ar <img> tag.
<img> Tag ir tukšs, kas nozīmē, ka tā satur atribūtus tikai, un tai nav aizvēršanas taga.
Lai parādītu attēlu lapā, jums ir nepieciešams, izmantot src atribūtu. Src nozīmē "avots". No src atribūta
vērtība ir attēla URL , kuru vēlaties parādīt.
Sintakse, lai ievietotu attēlu:
<img src="url" alt="some_text">
URL norāda uz vietu, kur attēls ir saglabāts. Attēlu ar nosaukumu "boat.gif", kas atrodas "attēlu" direktorijā
"www.w3schools.com" ir URL: https://www.w3schools.com/images/boat.gif.
Pārlūkprogramma parāda attēlu, kurā <img> tag notiek dokumentā. Ja jūs likts attēla tagu starp diviem punktiem,
pārlūkprogramma parāda pirmo daļu, tad attēlu, un pēc tam otro punktu.
HTML Images - Alt atribūts
Nepieciešamais alt atribūts norāda alternatīvu tekstu, attēlu, ja attēlu nevar parādīt vai neatrod.
No alt atribūta vērtība ir autors definēta tekstu:
<img src="boat.gif" alt="Big Boat">
Alt atribūtu sniedz citu informāciju par attēlu, ja kāda iemesla dēļ lietotājs nevar apskatīt to
(ja lēns savienojums, kļūda src atribūtā, vai ja lietotājs izmanto ekrāna lasītāju).
HTML Images - attēla augstums un platums
Iesaku šitos atribūtus izmantot, jo
tad jūs varat prognozēt kā jūsu lapa izskatīsies
pat ar ekrāniem ar dažādām izšķirtspējām,
bet ja neizmantosiet, reāli ja daudz attēlu
rezultātu nevar prognozēt!!!
Parasti tās vērtības ir ieteicams ievadīt tādas,
kādas tās ir jūsu attēlam, iesaku
pašiem to izmēģināt būs piemērs un tur ir
podziņa pamēģini pats! tur varat varat
mainīt šitās vērtības un apskatīties rezultātu!
Augstumu un platumu atribūti tiek izmantoti, lai norādītu augstumu un platumu attēlam.
Atribūtu vērtības ir precizētas pikseļos pēc noklusējuma:
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">
Padoms: Tā ir laba prakse, lai norādītu gan augstumu un platumu atribūtos uz attēlu.
Ja šie atribūti ir noteikti, vietas nepieciešamas, lai attēls tiek rezervēta, kad lapa tiek ielādēta.
Taču bez šiem atribūtiem, pārlūkprogramma nezina attēla izmēru.
Efekts būs tāds, ka lapas izkārtojums mainīsies iekraušanas laikā (kamēr attēli tiek ielādēti).
Pamata Piezīmes - Noderīgi padomi
Piezīme: Ja HTML fails satur desmit attēlus - vienpadsmit faili ir nepieciešami, lai parādītu šo lapu pareizi.
Iekraušanas attēlus nepieciešams laiks, tāpēc mans labākais padoms ir: Izmantot attēlus uzmanīgi.
Piezīme: Kad mājas lapa ir ielādēta, tā ir pārlūku, tajā brīdī, kas faktiski izpaužas attēlu no tīmekļa
servera un ievieto to lapā. Tāpēc pārliecinieties, ka attēli faktiski palikt tajā pašā vietā attiecībā uz
mājas lapā, citādi jūsu apmeklētāji saņems bojātu saiti ikonu.
Bojātu saiti ikona tiek parādīta, ja pārlūks nevar atrast attēlu.
Piemērs
Norwegian Mountain Trip
Izmēģiniet to pats »
Pamēģini pats - Piemēri
Ievietot attēlus
, kā ievietot attēlus HTML dokumentā.
Ievietot attēlus no dažādām vietām
, kā ievietot attēlu no citu mapi vai citu serveri.
(Jūs varat atrast vairāk piemērus pie šīs lapas apakšā).
Vairāki Piemēri
Pielīdzinot attēlu
, kā saskaņot attēlu robežās tekstu.
Ļaujiet attēla peldēt pa kreisi un pa labi
, kā ļaut attēlu peldēt pa kreisi vai pa labi no punkta.
Padarīt hipersaiti uz attēlu
Kā izmantot attēlu kā saiti.
Izveidot attēla kartes
Kā izveidot attēlu kartes, ar klikšķināmos reģioniem. Katrs reģions ir hipersaite.
HTML Image Birkas
| Tag | Description |
|---|
| <img> |
Defines an image |
| <map> |
Defines an image-map |
| <area> |
Defines a clickable area inside an image-map |
Pamēģini pats - Piemēri
Ievietot attēlus
, kā ievietot attēlus HTML dokumentā.
Ievietot attēlus no dažādām vietām, ---Labs Piemērs!
kā ievietot attēlu no citu mapi vai citu serveri.
|
