H1 est utilisé pour les larges intitulés comme pour des titres d'article !
H2 est utilisé pour les intitulés moyens
H3 est utilisé pour les petits intitulés
La balise <p> est utilisé pour définir des paragraphes. Comment celui-ci ! C'est un exemple de paragraphe.
Voilà comment on utilise du texte en GRAS.
Et voilà comment on utilise du texte en italique.
La balise <a> sert pour les liens hypertextes !- Tu peux faire une <ol> comme ça !
- <ol> signifie "Ordered list", ou Liste ordonnée
- Ça veut dire que la liste a des nombres !
- Et qu'est-ce que tu penses de <ul>, sais-tu pourquoi ça se nomme comme ça ?
- Et oui ! <ul> veut dire "Unordered List", ou Liste non-ordonnée
- Ça veut dire que la liste à des puces.
C'est une légende d'image ! Hein ? C'est juste une balise <p> ! Oui mais on lui a rajouté la class "caption"! Les "Classes" nous permettent de créer des styles spéciaux pour certains éléments.
Ahhh, retour au paragraphe classique. Tout ce texte en italique m'a enroué.
Incroyable, cette image est plus petite et alignée sur la droite. Ce texte flotte autour d'elle !
Oh, je vois... on a rajouté deux classes dnas la balise... small (petite) et right (droite)! Marina a dû rajouter des styles spéciaux dans le fichier CSS pour les images avec les classes small et right. Qu'est-ce qu'elle va nous trouver encore ?!
Tu dois être un peu surpris·e si tu regardes sur ton téléphone. Quand l'écran devient vraiment petit alors la classe d'images small change de style pour prendre la totalité de la largeur (on appele ça du responsive design). Sinon les images deviendraient ridiculement petites ! Mais je parie que si tu tournes ton écran à l'horizontal pour une vue large tu serais en capacité de voir les effets de classes small et right sur les images...
Hmmm... il y a un truc étrange à propos de cette image...
Comment ?! C'est un lien ! Je crois qu'il est possible de mettre une balise <img> dans une balise <a> pour créer une image sur laquelle on peut cliquer !
Si tu suis ce que je te raconte à partir d'un éditeur HTML, tu dois te demander quels sont ces drôles d'élément avec des trucs entre les symboles & et ;? Ça s'appelle des caractères d'échappement. < veut dire le symbole "moins que" et > veut dire le symbole "plus que". Ces symboles sont utilisés dans les balises HTML. Mais si j'essaye d'écrire des balises HTML pour te parler de ces balises, l'ordinateur ne va pas comprendre. Alors parfois on doit parler, plutôt littéralement, en code pour pouvoir aborder le sujet. Si tu as des résultats surprenant avec le HTML, relis ce que tu as écrit. Tu as peut-être écrit quelque chose qu'un humain trouverait normal mais qu'on ordinateur n'arrive pas à comprendre !
Voilà, c'est tout pour le moment. Garde ce ficher dans le coin et utilise le comme référence si besoin. Bon bloggage !
~Marina