Programme HTML
waii-kiki
-
waii-kiki -
waii-kiki -
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!
A voir également:
- Programme HTML
- Editeur html - Télécharger - HTML
- Programme demarrage windows - Guide
- Message programmé iphone - Guide
- Mettre en veille un programme - Guide
- Programme word gratuit - Guide
6 réponses
Salut,
Je t'invite pour commencer à regarder cette page pour comprendre et apprendre les bases du (x)html/css.
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.
Tu peux sinon utiliser la balise <p></p>
Exemple:
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:
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.
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.
Salut à tous,
Il y a aussi le caractère
Ex:
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.
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
