Imagini

Stefanescu Mihai 2 years ago HTML

Imaginile sunt foarte importante pentru a infrumuseta sau pentru a exprima concepte complexe intr-o pagina web. Ina cest articol am sa va invat cum sa puneti o imagine intr-o pagina web.Adaugarea unei imaginiPutem posta o imagine intr-o pagina web folosind tag-ul <img>.

<img src="URL imagine"/>

Acest tag contine toate informatiile necesare, deci nu exista un tag de inchidere.

<!DOCTYPE html>
<html>
<head>
<title>Tag IMG</title>
</head>
<body>
<p>Inserarea unei imaginii in pagina web</p>
<img src="imagine_test.png" alt="Imagine Test" />
</body>
</html>

Putei folosi formatele PNG, JPEG si GIF, dar aveti grija cum scrieti adresa imaginii in atributul src pentru ca numele imaginii este case-sensitive.

Atributul alt este obligatoriu pentru ca specifica ce text va fi afisat in pagina daca imaginea nu poate fi afisata.Setare inaltime/latime imaginePutem seta inaltimea si latimea imaginii  conform cerintelor/preferintelor folosind atributele width si height. Puteti specifica inaltimea si latimea in pixeli, procente sau o anumita marime.

<!DOCTYPE html>
<html>
<head>
<title>Tag IMG</title>
</head>
<body>
<p>Inserarea unei imaginii in pagina web</p>
<img src="imagine_test.png" alt="Imagine Test" width="150" height="150"/>
</body>
</html>

 Setare contur imagine

In mod default imaginile  au un border in jurul lor, dar HTML-ul ne pune la dispozitie un atribut numit border ce ne permite sa ii modificam grosimea. (0 inseamna ca imaginea nu are border)

<!DOCTYPE html>
<html>
<head>
<title>Tag IMG</title>
</head>
<body>
<p>Inserarea unei imaginii in pagina web</p>
<img src="imagine_test.png" alt="Imagine Test" border="7"/>
</body>
</html>

 Setare aliniere imagine

Im mod default imaginile sunt aliniate la stanga, dar putem schimba asta folosind atributul align.

<!DOCTYPE html>
<html>
<head>
<title>Tag IMG</title>
</head>
<body>
<p>Inserarea unei imaginii in pagina web</p>
<img src="imagine_test.png" alt="Imagine Test" align="right"/>
</body>
</html>

 

Programator de ~8 ani, am lucrat la proiecte din mai multe industrstrii, de la eCommerce la telecomunicatii la automatizari. In acest timp am folosi diferite tehnologii, de la PHP, MySQL, PostgreSql, RabbitMq, Redis, Memcached si altele.


Get in touch
Pentru nelamuriri, dubii, comentarii si chestii de pe suflet ne putem auzi pe Discord, Reddit sau poti deschide o discutie noua pe forum

Club-ul este dedicat membrilor si ofera access la mai multe zone ale website-ului.
Login Register

🔖 Bookmarks
âœĻ Pentru a sustine aceasta comunitate am sa te rog sa te autentifici sau sa te inregistrezi!

🌊ïļ Discord
Back to top
Folosim cookie-uri pentru a oferi functionalitatile critice ale aplicatiei Invata-Programare. Folosim cookie-uri si pentru a analiza traficul, pentru care e nevoie de consimtamantul dvs. explicit.