Imagini

postat acum 4 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!

Comentariu postate de download minecraft for free la data de 14.05.2019
I'm not sure why but this blog is loading extremely slow for me. Is anyone else having this issue or is it a problem on my end? I'll check back later on and see if the problem still exists.
Comentariu postate de minecraft pc download la data de 15.05.2019
I have been surfing online greater than 3 hours as of late, yet I never found any attention-grabbing article like yours. It is pretty worth sufficient for me. Personally, if all webmasters and bloggers made excellent content material as you probably did, the net will be a lot more useful than ever before.
Comentariu postate de free minecraft la data de 16.05.2019
Hi to all, how is everything, I think every one is getting more from this site, and your views are nice for new viewers.
Comentariu postate de download minecraft for free la data de 17.05.2019
Hmm is anyone else having problems with the images on this blog loading? I'm trying to figure out if its a problem on my end or if it's the blog. Any feedback would be greatly appreciated.
Comentariu postate de curry 4 la data de 17.05.2019
Thanks so much for giving everyone remarkably brilliant opportunity to read articles and blog posts from this website. It is often so pleasurable and also full of a great time for me personally and my office mates to search your blog on the least three times every week to study the new issues you will have. And of course, I'm just at all times contented with all the staggering tips you give. Certain 3 areas in this article are completely the most impressive we've had.