Différentes insertions images

Version imprimable

28/10/2016, 18h53
brandon10.martin

Différentes insertions images
Bonjour,
J'ai commencé le développement web il y a peu à l'IUT mais il y a quelque chose que je ne comprend pas dans un TP...
Quel est la différence entre ces deux lignes:

Code:

<img src="Spectacular%20mountain.jpg" alt="Mountain View" style="width:128px;height:128px;">

Code:

<img src="Spectacular%20mountain.jpg" alt="Mountain View" width="128";height="128">

Et quel est l'utilité de la balise
Code:

1 2 3 img { width:100% }
Qui se trouve dans la balise style

Cordialement
Brandon
29/10/2016, 06h18
Invité
Bonjour et bienvenu sur DVP ;)
- Les meilleurs cours et tutoriels pour apprendre le CSS
29/10/2016, 20h52
ABCIWEB

Attention y'a pas de point virgule pour la deuxième syntaxe.

L'attribut style est le moyen passe partout pour définir des styles. Mais certaines balises html dont la balise "img" autorisent l'emploi d'attributs spécifiques pour définir leurs dimensions. Que tu utilises l'un ou l'autre cela revient au même.

La définition css img {width:100%} sera utilisée pour les images n'ayant aucune définition de leur dimensions dans la balise "img".

Concernant le html ou le javascript tu trouveras une bonne doc sur des éléments spécifiques dans la doc mozilla en rentrant "mdn" à la suite de l'élément recherché dans un moteur de recherche, par exemple "img mdn".
07/11/2016, 18h21
miss_socrates
Citation:

Envoyé par brandon10.martin

Quel est la différence entre ces deux lignes:

Code:

<img src="Spectacular%20mountain.jpg" alt="Mountain View" style="width:128px;height:128px;">

La balise style permet d'introduire du code CSS.

Citation:

Code:

<img src="Spectacular%20mountain.jpg" alt="Mountain View" width="128";height="128">

Ici, la mise en forme se fait en html (sans point-virgule entre width et height), les valeurs étant indiquées en pixels mais sans indiquer px.
La 1ère méthode est à privilégier.
Citation:
Et quel est l'utilité de la balise

Code:

1 2 3 img { width:100% }
Il ne s'agit pas de balise (langage html) mais d'un sélecteur img (langage CSS) qui a la déclaration de largeur à 100%; cela indique que l'image doit couvrir toute la largeur de l'espace.