Maintenant que vous avez l’éditeur de texte bien en main pour tout ce qui est basique, je vais vous présenter quelques petites fonctions plus « avancées ».
Bien peu d’entre vous vont en avoir l’utilité, mais on a décidé de vous en présenter quelques unes quand même.
Changer les dimensions d’une image
On commence par ouvrir une nouvelle balise HTML.
<>
On précise ensuite l’attribut, dans ce cas, une image
<img>
Et l’emplacement de l’image, grâce à « src »
<img src="lien de l'image">
Maintenant, on rentre dans le gros du sujet, ça reste très simple, mais il faut un peu de temps pour bien le prendre en main. On va utiliser deux nouveaux attributs pour modifier les valeurs de largeur et de hauteur de l’image.
- width : qui permet de spécifier la largeur de l’image.
- height : qui permet de spécifier la hauteur de l’image.
On reprends donc notre balise comme on l’avait laissée
<img src="lien de l'image">
Et on lui ajoute les deux attributs. Pour l’exemple, nous allons modifier l’image pour qu’elle adopte les dimensions suivante ; 150 pixel de largeur et 75 pixel de hauteur
<img src="lien de l'image" width="150" height="75">
Une chose importante : Attention à bien respecter les proportions ! Vous pouvez facilement vous retrouver avec ce genre de choses sinon :
## Agrandir l'espace entre des mots/images ## ---
L’éditeur de messages comme vous le voyez accepte quelques codes html, un code peut vous êtes pratiques pour certaines mises en forme : agrandir un espace. Pour cela, un code existe, il s’agit de :
Cela vous permet de placer un mot à la distance voulue.
Cela peut être utile si vous présentez une composition d’équipe par exemple.
Parce que je n’ai pas l’impression qu’il fasse 100px de large.
