Imaginile sunt o parte foarte importantă a unei pagini web, deoarece îmbunătățește aspectul unei pagini web și crește interacțiunea cu clienții. USP-ul mai multor site-uri web este modul în care organizează diferite imagini pe paginile lor web și îi adaugă arome. In acest Articol Imagini, vom înțelege cum să încorporăm imagini într-o pagină web folosind HTML în următoarea ordine:
Cum se adaugă o imagine în HTML
Pentru a încorpora o imagine într-o pagină web vă oferă HTML etichetă. Un alt punct important de reținut este,
nu are o etichetă de închidere. scr atributul este folosit pentru a specifica calea imaginii, care poate fi o adresă URL sau o imagine a sistemului / serverului. Să începem mai întâi cu sintaxa de bază a încorporării imaginii într-o pagină web folosind HTML.
Sintaxă
img src = 'img / front-end-web-development / 50 / what-are-html-images.png'>Cod simplu
Imagine HTML care încorporează imagini în pagina web
Similar cu alte etichete, există diverse atribute asociate etichetă. Să ne uităm la fiecare dintre ei unul câte unul, să le înțelegem nevoia și cum să le folosim.
Etichete de imagini HTML
- alt Atribut
Atributul alt este textul alternativ pentru o imagine. Motivul pentru care a fost introdus atributul alt este dacă, din orice motiv, imaginea nu a putut fi încărcată, atunci ar trebui să apară un text alternativ care să ofere o idee despre imagine. Motivele pentru care imaginea nu se încarcă ar putea fi conexiunea lentă la internet sau imaginea nu se află în sursa furnizată etc.
Dacă imaginea se află în același folder în care se află fișierul HTML, puteți specifica direct numele fișierului. În caz contrar, trebuie să furnizați calea absolută a fișierului imagine.
Valoarea atributului alt ar trebui să descrie imaginea.
Exemplu
Imagine HTML care încorporează imagini în pagina web
fuzionează arborele decizional sort 4 elemente
- Lățimea și înălțimea unei imagini
Atributul Style este folosit pentru a seta înălțimea și lățimea unei imagini. În atributul de stil specificați stilul CSS.
Imagine HTML care încorporează imagini în pagina web
Unele dintre punctele importante în timp ce încorporați o imagine într-o pagină web folosind HTML sunt:
- Atributele de lățime și înălțime sunt definite în pixeli.
- De asemenea, puteți defini lățimea și înălțimea unei imagini în procente. Acesta va lua în considerare procentajul în funcție de întreaga pagină web.
- Dacă specificați doar unul dintre ele, acesta îl ajustează pe celălalt în consecință.
- Încorporarea imaginilor utilizând URL
HTML vă oferă, de asemenea, flexibilitatea în care puteți alege imaginea de pe alt server doar prin specificarea adresei URL. Puteți utiliza un server separat pentru a găzdui imaginile și apoi pentru a încorpora aceste imagini folosind URL.
Imagine HTML care încorporează imagini în pagina web
- Imagine ca link
De asemenea, puteți utiliza imaginea ca un link în care utilizatorul poate face clic pe imagine și ajunge pe o nouă pagină web. Pentru a face acest lucru, trebuie doar să puneți ziua in etichetă.
Imagine HTML care încorporează imagini în pagina web
- Imagine plutitoare
De asemenea, puteți regla alinierea imaginii utilizând proprietatea CSS float. Toată proprietatea CSS trebuie specificată în atributul style.
alocare dinamică a memoriei în c ++ cu exemplu de program
Imagine HTML
- Hărți cu imagini
Aceasta este una dintre caracteristicile importante oferite de HTML. tag-ul ajută la definirea unei imagini-hartă. Trebuie să vă întrebați ce este o hartă de imagine. O imagine-hartă este o imagine cu zone care pot fi făcute clic
Imagine HTML
- Imagine de fundal
De asemenea, puteți adăuga o imagine de fundal într-o pagină web. Trebuie doar să utilizați proprietatea CSS, adică imaginea de fundal în eticheta de stil și să o adăugați la elementul HTML.
Imagine HTMLImagine de fundal
Element CORP
Cu aceasta ajungem la sfârșitul acestui blog de imagini HTML.Acum, după executarea fragmentelor de mai sus, ați fi înțeles cum să inserați o imagine în HTML. Sper că acest blog vă este informativ și cu valoare adăugată.
Verificați-ne care vine cu instruire live condusă de instructor și experiență în viața reală a proiectului. Această instruire vă face să aveți abilități de a lucra cu tehnologii web back-end și front-end. Include cursuri de dezvoltare web, jQuery, Angular, NodeJS, ExpressJS și MongoDB.
Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii a blogului „Imagini HTML” și vă vom răspunde.