Dans cette partie du tutoriel, vous allez toucher au code dans différents blocs de votre site. Nous vous conseillons d'avoir quelques notions de codes HTML/CSS pour faire vos créations et modifications.

Sommaire cliquable :

Liens dans une phrase

Pour créer des items ou des blocs contenant des liens dans des pages il faudra sélectionner cette fois-ci un "Rich text editor", un éditeur de texte un peu plus complet que le simple bloc de texte que vous pouvez ajouter simplement via la Doc Type.

Capture d’écran 2021-11-26 à 20.56.08.png

Votre éditeur de texte va se présenter de cette façon

Capture d’écran 2021-11-26 à 20.57.20.png

Vous pourrez alors en sélectionnant les chevrons ("<>"), éditer le code source et ajouter ou modifier ce que vous voulez.

Pour créer votre texte, celui-ci doit être "encadré" par des balise. Un simple texte est un paragraphe par définition donc il sera entouré de balise <p>. Un titre peut être un H1, H2, H3, etc... suivant l'importance que vous attribuez à ce titre et s'affichera donc plus ou moins grand.

Pour mettre un lien dans un texte, il faut que ce lien soit forcément raccrocher à un mot, une phrase ou encore une paragraphe si besoin. Un lien sera lui dans des balise "<a> et à l'intérieur des cette balise vous pouvez insérer d'autres paramètres pour ouvrir le lien dans un autre onglet de votre navigateur.

Juste en dessous, nous constatons à la première ligne "<p></p>" ce qui indique un paragraphe, mais il n'a pas de contenu donc c'est une ligne vide. Même chose pour la troisième ligne.

Pour la deuxième, nous saisissons un peu mieux comme cela fonctionne. On aperçoit cette fois-ci qu'il y a du texte après la première balise <p> et juste après ce texte, il y a la balise <a>, indiquant un lien.

Un lien fonctionne comme ceci : <a href="lien du site que vous ajoutez">Texte du lien</a>

Si vous souhaitez ajouter un paramètre supplémentaire dans ce lien, reprenons l'exemple de l'ouverture dans un nouvel onglet, vous n'aurez qu'à insérer juste après le lien du site que vous avez mis entre guillemets : target="blank", qui veut dire que la cible (le lien) par ailleurs dans un autre onglet.