Imagini

postat acum 2 ani de Stefanescu Mihai in categorie 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>

 

Sunt un tanar programator din Bucuresti ce lucreaza in PHP/Mysql (MySqli/PDO), Laravel, CodeIgniter, MySQL, PostgreSQL, Wordpress, HTML5/CSS3, Sass, Photoshop si multe altele.
Google+ Community Facebook Group
Acest articol a fost mutat de pe vechea platforma.
Pentru orice eroare aparuta la mutare va rog sa ma contactati!