Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Imagini

    Încărcat de

    valeri
    10 vizualizări8 pagini

    Titlu original

    imagini

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    PPTX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PPTX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    10 vizualizări8 pagini

    Imagini

    Încărcat de

    valeri

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PPTX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 8

    Imagini in HTML

    Cum să inserați imaginile în paginile web?


    Imagini în HTML
    • Inserarea imaginilor într-un document HTML se face cu ajutorul elementului IMG, care
    este un element fără conținut. Elementul IMG este suportat de toate browsere-le web.
    • Elementul IMG are atributele obligatorii „src” şi „alt”. Ele sunt suportate de toate
    browserele web şi de versiunea HTML5. Atributul „src" - este prescurtarea pentru
    cuvântul englezesc "source" (sursa) și se folosește pentru a indica locaţia imaginii.
    Atunci când imaginea este plasată într-un alt director/mapă, decât fişierul HTML curent, este
    necesară specificarea căii de acces la imagine. Atributul "alt" al elementului IMG, provine de la
    cuvântul englezesc ”alternative” și este folosit pentru a afişa un text în locul imaginii, în cazul în
    care browser-ul, dintr-un oarecare motiv, nu poate afişa imaginea.
    • Sintaxa de bază a elementului
    IMG este: <img src="url" alt=
    "un_anumit_text" />
    • Într-un document HTML pot fi inserate
    imagini de tip .gif, .jpg (.jpeg), .png, .svg.
    • Eticheta folosita pentru inserarea unei imagini in pagina
    este <img> si are urmatoarele atribute:
    - src = sursa, locul unde se afla imaginea
    - width = latimea imaginii
    - height = inaltimea imaginii
    - alt = numele care inlocuieste imaginea pana aceasta
    se incarca sau cand nu a fost gasita
    - border = chenar (0 = lipsa bordura)
    Sa adaugam o poza in site
    • <html>
    • <head>
    • <title>Prima mea pagina</title>
    • </head>
    • <img src="ppp.jpg" alt=“imagine de toamnă“ border =“3”>
    • <ul>
    • Anotimpurile toamnei
    • <li>septembrie</li>
    • <li>octombrie</li>
    • <li>noiembrie</li>
    • </ul>
    • </body>
    • </html>
    • <html>
    • <head>
    • <title>Prima mea pagina</title>
    • </head>
    • <img src="ppp.jpg" alt="imagine 1" width="400" height="300" border="3">
    • <img src="images.png" alt="imagine 2" width="200" height="200">
    • <img src="https://www.publicdomainpictures.net/pictures/410000/nahled/image-
    1629656881ZYV.png" alt=“imagine 3" imagine preluată de pe un site"width="600"
    height="400">
    • </body>
    • </html>
    • <ul>
    • Anotimpurile toamnei
    • <li>septembrie</li>
    • <li>octombrie</li>
    • <li>noiembrie</li>
    • </ul>
    Adaugam mai multe imagini de diferite
    formate
    • <img src="images/coffee.gif" alt="O imagine-animatie"
    • width="400" height="300" />
    • <img src="images/espresso.jpeg" alt="O imagine-poza"
    • width="400" height="300" />
    • <img src="images/nice.jpg" alt="O alta imagine-poza"
    • width="400" height="300" />
    • <img src="images/coffee.png" alt="O imagine fara culoare de fundal"
    • width="400" height="400" />

    S-ar putea să vă placă și