Cuprins
Există momente în care nu totul este acela de a genera un formular în documentele noastre HTML, de multe ori trebuie să includem alte elemente, cum ar fi imagini în unele etichete pentru a modela pagina noastră, pentru aceasta vom vedea în acest tutorial cum să o facem și diferitele caracteristici inclus în sine.Pentru a afișa o imagine în documentul nostru HTML, trebuie să folosim elementul img care are următoarele atribute:
- src
- alt
- înălţime
- lăţime
- usemap
- ismap
Chiar acum ne vom concentra asupra primelor două atribute, src Da alt; src ne permite să oferim calea de pe care browserul va căuta imaginea, poate fi o cale relativă sau chiar o adresă URL, atributul alt ne permite să plasăm un text, acest text va fi afișat numai atunci când imaginea nu este disponibilă, indiferent dacă nu se află în calea în care a fost specificată în src sau chiar browserul nu îl poate interpreta.
Să vedem un exemplu despre cum să includem o imagine în documentul nostru HTML:
Exemplu Iată o formă obișnuită pentru reprezentarea celor trei activități într-un triatlon.Prima pictogramă reprezintă înotul, a doua reprezintă ciclismul și a treia reprezintă alergarea.
În acest exemplu mai vedem încă două atribute, lăţime si înălţime Acestea, așa cum indică numele lor, trebuie să regleze lățimea și înălțimea imaginii, cu aceasta putem garanta că imaginea va rămâne în dimensiunile stabilite de noi, chiar dacă imaginea este mai mare decât aceea va fi redimensionată, fără Cu toate acestea, trebuie să aveți grijă, deoarece imaginea va avea aceeași greutate, deci este recomandabil să plasați imaginea deja editată cu dimensiunea necesară și să încărcați pagina noastră mai repede.
O altă utilizare destul de obișnuită este de a utiliza o imagine ca un link către alte pagini, fie prin plasarea pictogramei unei echipe, o săgeată următoare, de exemplu, desigur, acum, cu noile cadre CSS, acest lucru ar putea fi mai puțin obișnuit, cu toate acestea, să vedem cum se face ca această opțiune să fie în portofoliul nostru de instrumente HTML.
Pentru a încorpora imaginea, vom plasa elementul img în interiorul unui element care se referă la o pagină precum:
Exemplu Iată o formă obișnuită pentru reprezentarea celor trei activități într-un triatlon.Prima pictogramă reprezintă înotul, a doua reprezintă ciclismul și a treia reprezintă alergarea.
Cu aceasta realizăm că imaginea este acum legătura noastră, așa cum vom vedea în ecranul următor, imaginea nu se schimbă în modul în care este afișată: