Programme HTML
Bonsoir à tous!
Voila j'aimerai essayer de creer une petite page web en html avec bloc note. Cependant, j'aurai aimé savoir comment faire pour sauter des lignes entre deux images.
Admettons j'ai ça:
<body>
<img src="PRESENTATION.jpg">
<img src="IMAGE1.jpg"> <img src="IMAGE2.jpg">
</body>
J'aimerai sauter quelque lignes entre l'image "présentation" et les autre image.
J'ai trouver sur le forum qu'il suffisait que je rajoute <BR> entre. Or, quand je le fais ca me saute des ligne AVANT l'image appelé "presentation"! Bref quelqu'un pourrai t-il m'aider? =) merci!
Voila j'aimerai essayer de creer une petite page web en html avec bloc note. Cependant, j'aurai aimé savoir comment faire pour sauter des lignes entre deux images.
Admettons j'ai ça:
<body>
<img src="PRESENTATION.jpg">
<img src="IMAGE1.jpg"> <img src="IMAGE2.jpg">
</body>
J'aimerai sauter quelque lignes entre l'image "présentation" et les autre image.
J'ai trouver sur le forum qu'il suffisait que je rajoute <BR> entre. Or, quand je le fais ca me saute des ligne AVANT l'image appelé "presentation"! Bref quelqu'un pourrai t-il m'aider? =) merci!
6 réponses
-
salut,
tu peux utiliser le CSS pour mettre en place tes images comme tu le désire. -
J'ai entendu parlé du CSS mais ça m'a l'air bien compliqué! Je suis vraiment une débutante!
-
Salut,
Je t'invite pour commencer à regarder cette page pour comprendre et apprendre les bases du (x)html/css.-
-
<br /> permet de faire un saut de ligne.
Place le entre deux balises <img /> et tu aura un saut de ligne entre ces images.
Voici un exemple avec une ligne entre les deux images.<body> <img src="PRESENTATION.jpg" alt="" /> <br /> <br /> <img src="IMAGE1.jpg" alt="" /> <br /> <br /> <img src="IMAGE2.jpg" alt="" /> </body>
Tu peux sinon utiliser la balise <p></p>
Exemple:<body> <p><img src="PRESENTATION.jpg" alt="" /></p> <p><img src="IMAGE1.jpg" alt="" /></p> <p><img src="IMAGE2.jpg" alt="" /></p> </body>
-
-
Une fois encore, CSS est justement prévu pour ça.
Pour faire ce que tu veux tu es quasi obligé d'utiliser du CSS. Sinon il faut utiliser des espaces entre les deux images.
En CSS:<p style="text-align:center;"><img src="IMAGE1.jpg" alt="" style="margin-right:40px;" /><img src="IMAGE2.jpg" alt="" /></p>
Voici un exemple qui te place deux images centré au milieu de la page avec un espace de 40px entre les deux. J'ai placé là un CSS embarqué sur les balises.
On aurai très bien pu faire la même chose avec un fichier .css externe lié à la page.
-
-
ContributeurSalut à tous,
Il y a aussi le caractère
Ex:<p><img src="mon_image"> <img src="mon_image2"></p>
Ici on aura un espace équivalent à deux caractères. Tu peux en mettre autant que tu veux mais comme on te l'a déjà dit, une CSS te changera la vie.
Visite cet excellent site pour l'apprentissage https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
Bonne continuation !
Le bonheur est la seule chose que l'on peut donner sans l'avoir. -
<br /> pour sauter des lignes en html mais le css est bien plus pratique
Développez, optimisez et monétisez un site web avec Pub supprimée Modération CCM
pour gagner en visibilité dans les moteurs de recherche -
Merci =) Bon je vais essayer de voir et de comprendre le CSS.. Merci pour vos reponses!
