Adăugarea imaginilor în HTML

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Asociați următoarele atribute cu descrierile lor corespunzătoare pentru adăugarea unei imagini pe o pagină web:

src = Specifică calea către imaginea dorită alt = Adaugă text alternativ pentru imagini height = Controlează înălțimea imaginii în pixeli title = Adaugă text care apare ca o fereastră pop-up la trecerea cursorului peste imagine

Asociați următoarele elemente HTML cu funcțiile lor în adăugarea unei imagini pe o pagină web:

img = Reprezintă elementul imagine a = Transformă imaginea într-un hyperlink body = Conține elementul imagine div = Poate fi folosit pentru a grupa elemente, inclusiv imagini

Asociați următoarele situații cu calea corectă pentru adăugarea unei imagini în HTML:

Imaginea se află în același folder cu index.html = shrek.png Imaginea se află într-un folder numit images = /images/shrek.png Imaginea se află în folderul images care se află într-un alt folder numit media = /media/images/shrek.png Imaginea se află în folderul assets situat la același nivel cu index.html = assets/shrek.png

Asociați următoarele funcții cu elementele HTML corespunzătoare pentru adăugarea unei imagini pe o pagină web:

<p>Adăugarea de text alternativ pentru imagini = <code>alt</code> Specificarea dimensiunii imaginii = <code>height</code> și <code>width</code> Crearea unui hyperlink către o altă pagină web = <code>a</code> Afisarea imaginii pe pagină = <code>img</code></p> Signup and view all the answers

Asociați următoarele descrieri cu atributele corecte din HTML pentru a adăuga o imagine pe o pagină web:

<p>Precizează calea către imaginea care urmează să fie afișată = <code>src</code> Adaugă text care apare ca o fereastră pop-up la trecerea mouse-ului peste imagine = <code>title</code> Controlează lățimea imaginii în pixeli = <code>width</code> Specifică textul alternativ care este citit de cititoarele de ecran = <code>alt</code></p> Signup and view all the answers

how can we change the position of our images

Signup and view all the answers

Flashcards

Elementul <img>

Este folosit pentru a adăuga imagini pe o pagină web.

Atributul src

Specifica calea către imaginea dorită în elementul <img>.

Atributul alt

Oferă text alternativ pentru imagini, citit de cititoarele de ecran.

Dimensiunile imaginii (height, width)

Atributele pentru a controla dimensiunea imaginii în pixeli.

Signup and view all the flashcards

Transformarea imaginii într-un hyperlink

Înconjoară elementul <img> cu un element <a> cu atributul href.

Signup and view all the flashcards

Study Notes

Adăugarea unei imagini pe o pagină web

  • Pentru a adăuga o imagine pe o pagină web, este necesară plasarea acesteia în același folder cu fișierul index.html.
  • În interiorul elementului <body>, se va crea un element imagine, folosind <img>.
  • Elementul <img> necesită un atribut src, care va specifica calea către imaginea dorită.
  • Calea către imagine poate fi specificată direct, de exemplu shrek.png, dacă imaginea se află în același folder.
  • Dacă imaginea se află într-un folder separat, este necesară specificarea căii complete, de exemplu /images/shrek.png, unde images este numele folderului.
  • Atributele height și width permit controlul dimensiunii imaginii, specificați în pixeli.
  • Atributul alt permite adăugarea de text alternativ pentru imagini, care este citit de cititoarele de ecran.
  • Atributul title permite adăugarea de text care apare ca o fereastră pop-up atunci când cursorul mouse-ului trece peste imagine.
  • Pentru a transforma o imagine într-un hyperlink, elementul <img> se înconjoară cu un element <a>, cu atributul href setat la adresa URL dorită.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

More Like This

HTML5 Lists, Tables, and Images
6 questions

HTML5 Lists, Tables, and Images

AccommodativeBlankVerse avatar
AccommodativeBlankVerse
HTML5: More on Lists, Tables, and Images
6 questions
Web Page Images and Formats Quiz
5 questions
Inclusion de Imágenes en Páginas Web
13 questions
Use Quizgecko on...
Browser
Browser