Imagini

HTML | Stefanescu Mihai | 2020-10-11

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>

Articolul precedent

Articolul urmator

Imi place ce faci aici

Daca iti place ce fac aici imi poti cumpara o cafea

Stefanescu Mihai
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.

Posteaza un comentariu

Comentarii

Inca nu au fost postate comentarii, fii primul care posteaza un comentariu!

🔖 Bookmarks ⊞

✨ Pentru a sustine aceasta comunitate am sa te rog sa te autentifici sau sa te inregistrezi!

🌪️ Discord ⊞