_____
Les balises
Les balises on les retrouve sur le texte dans ce format là :
Il s’agit ici d’une balise ouverte.
Pour fermer une balise, il faut lui rajouter un «/», donc !
Dans une balise on peut trouver deux parties, le style de la balise et sa description dans un second temps, vous comprendrez plus tard.
Les textes justifiés
Pour la lisibilité, le mieux est un texte justifié. Pour cela nous allons utiliser plusieurs choses.
La balise paragraphe
ainsi qu'une modification de son style :
C'est ici, la base la plus simple du site, qui servira 100 fois par article !
Exemple texte normal :
Vous savez, moi je ne crois pas qu'il y ait de bonne ou de mauvaise situation. Moi, si je devais résumer ma vie aujourd'hui avec vous, je dirais que c'est d'abord des rencontres, des gens qui m'ont tendu la main, peut-être à un moment où je ne pouvais pas, où j'étais seul chez moi. Et c'est assez curieux de se dire que les hasards, les rencontres forgent une destinée... Parce que quand on a le goût de la chose, quand on a le goût de la chose bien faite, le beau geste, parfois on ne trouve pas l'interlocuteur en face, je dirais, la personne qui vous aide à avancer. Alors ce n'est pas mon cas, comme je le disais là, puisque moi au contraire, j'ai pu ; et je dis merci à la vie, je lui dis merci, je chante la vie, je danse la vie... Je ne suis qu'amour ! Et finalement, quand beaucoup de gens aujourd'hui me disent "Mais comment fais-tu pour avoir cette humanité ?"
Exemple texte justifié:
Vous savez, moi je ne crois pas qu'il y ait de bonne ou de mauvaise situation. Moi, si je devais résumer ma vie aujourd'hui avec vous, je dirais que c'est d'abord des rencontres, des gens qui m'ont tendu la main, peut-être à un moment où je ne pouvais pas, où j'étais seul chez moi. Et c'est assez curieux de se dire que les hasards, les rencontres forgent une destinée... Parce que quand on a le goût de la chose, quand on a le goût de la chose bien faite, le beau geste, parfois on ne trouve pas l'interlocuteur en face, je dirais, la personne qui vous aide à avancer. Alors ce n'est pas mon cas, comme je le disais là, puisque moi au contraire, j'ai pu ; et je dis merci à la vie, je lui dis merci, je chante la vie, je danse la vie... Je ne suis qu'amour ! Et finalement, quand beaucoup de gens aujourd'hui me disent "Mais comment fais-tu pour avoir cette humanité ?"
Sur cette même balise dans le même style, on peut choisir :
Un texte à gauche,
un texte centré,
un texte à droite
Un texte à gauche,
un texte centré,
un texte à droite
L'alignement des images
Les images sont importantes pour un texte, elle sont introduites dans le site en haut à gauche de la rédaction d'article :
Elles se mettent sur l'article grâce à la balisele chiffre étant le n° de l'illustration dans le site.
De la même manière que le texte, on peut la mettre à gauche, à droite ou centrée.
Attention, à la différence de l'image centrée, l'image gauche ou droite est entourée par le texte !
Vous savez, moi je ne crois pas qu'il y ait de bonne ou de mauvaise situation. Moi, si je devais résumer ma vie aujourd'hui avec vous, je dirais que c'est d'abord des rencontres, des gens qui m'ont tendu la main, peut-être à un moment où je ne pouvais pas, où j'étais seul chez moi. Et c'est assez curieux de se dire que les hasards, les rencontres forgent une destinée... Parce que quand on a le goût de la chose, quand on a le goût de la chose bien faite, le beau geste, parfois on ne trouve pas l'interlocuteur en face, je dirais, la personne qui vous aide à avancer.
Les tabulations & retour à la ligne
Les tabulations sont agréables pour lire, elles permettent de séparer le début du paragraphe et facilite la séparation dans un même paragraphe des différentes parties. Elles s'utilisent avec le code
.Le retour à la ligne permet de sauter des lignes pour créer un espace ou pour revenir à la ligne dans un même paragraphe. Il s'utilise avec la balise
.Il est donc intéressant de coupler les deux :
Vous savez, moi je ne crois pas qu'il y ait de bonne ou de mauvaise situation.
Moi, si je devais résumer ma vie aujourd'hui avec vous, je dirais que c'est d'abord des rencontres, des gens qui m'ont tendu la main, peut-être à un moment où je ne pouvais pas, où j'étais seul chez moi.
Et c'est assez curieux de se dire que les hasards, les rencontres forgent une destinée... Parce que quand on a le goût de la chose, quand on a le goût de la chose bien faite, le beau geste, parfois on ne trouve pas l'interlocuteur en face, je dirais, la personne qui vous aide à avancer. Alors ce n'est pas mon cas, comme je le disais là, puisque moi au contraire, j'ai pu ; et je dis merci à la vie, je lui dis merci, je chante la vie, je danse la vie... Je ne suis qu'amour !
Et finalement, quand beaucoup de gens aujourd'hui me disent "Mais comment fais-tu pour avoir cette humanité ?"Le format et la couleur du texte
Une bonne partie de ce qui concerne la couleur, le format, ou la taille du texte utilise la balise
sauf.barrésouligné gras italique
barrésouligné gras italiquePar exemple, pour la couleur, dans la balise
on rajoute le terme :color=plus le code couleur HTML ou le nom de la couleur de base en anglais.
Exemple du bleu :
texte bleu ou texte bleu
texte bleu ou texte bleuPour trouver le code couleur utiliser le site HTML Colorcodes.com
Pour la taille de la police, dans la balise
on rajoute le terme :size=plus la taille de la police.Exemple:
grand texte ou petit textegrand texte ou petit texte
On peut également cumuler les deux !
Exemple :
grand texte bleu ou petit texte bleugrand texte bleu ou petit texte bleu
Les liens hypertexte
Les liens hypertexte peuvent être rajoutés sur des images ou sur du texte. Ils permettent de renvoyer la personne vers un autre lien. Comme fait précédemment :
HTML Colorcodes.com
la balise entoure le texte qui renvoie vers le lien le descriptif href= signale l’URL de renvoi.
Pour résumer
Donc rien de plus simple :
Les listes en HTML
Pour bien comprendre
https://blog.hubspot.fr/website/liste-html
https://karac.ch/blog/tout-savoir-sur-les-listes-a-puces-et-numerotees-html
Liste à tirets :
- élément de la liste
- élément de la liste
- élément de la liste
- élément de la liste
- élément de la liste
- élément de la liste
Liste à numéro
- 1er élément de la liste
- 2nd élément de la liste
- 3ème élément de la liste
- 1er élément de la liste
- 2nd élément de la liste
- 3ème élément de la liste
Exposants & autres
3ème/5
3ème /5