Comme dirait le dicton, Rome ne s'est pas faite en un jour. Et bien, le code c'est à peu près la même philosophie, mis à part qu'on apprendra toujours de nouvelles choses.
Pour la plateforme Blogger, deux langages s'appliquent :
✦ Du HTML
✦ Du CSS
Le texte à afficher doit être mis entre la balise ouvrante et la balise fermante. Une balise ouvrante doit toujours avoir sa balise fermante.
Exemple:
Le CSS (l'habillage du squelette) est composé :
✦ d'un sélecteur et d'une déclaration (composée d'une propriété et d'une valeur)
✦ d'une balise ouvrante "{"
✦ d'une balise fermante "}". (Comme pour l'HTML, si une balise est ouverte, elle doit toujours être refermée).
Exemple :
✦ Du CSS
Pour que vous compreniez bien ce que sont ces deux langages, je vais prendre un exemple : le squelette. Le HTML c'est le squelette d'un code, le CSS c'est l'habillage de ce squelette. Il y a aussi du Javascript, mais je ne l'utilise pas trop Javascript sur Blogger donc je ferais l'impasse dessus dans les codes.
LE HTML
Le HTML (le squelette du code) est composé :
✦ de balises ouvrantes "<...>" qui se composent de la caractéristique de l'élément
✦ de balises fermantes "</...>" qui indique la fin de l'élément.
Le texte à afficher doit être mis entre la balise ouvrante et la balise fermante. Une balise ouvrante doit toujours avoir sa balise fermante.
Exemple:
<p>Salut</p>
<p> : balise ouvrante d'un paragraphe
Salut : texte du paragraphe à afficher
</p> : la balise fermante du paragraphe
On peut ajouter des attributs à chaque caractéristique d'éléments qui contiennent des informations qui ne seront pas affichées à l'écran. Ça sert notamment pour le CSS.
LE CSS
Le CSS (l'habillage du squelette) est composé :
✦ d'un sélecteur et d'une déclaration (composée d'une propriété et d'une valeur)
✦ d'une balise ouvrante "{"
✦ d'une balise fermante "}". (Comme pour l'HTML, si une balise est ouverte, elle doit toujours être refermée).
Exemple :
p {
color: red;
width: 500px;
border: 1px solid black;
}
p : sélecteur (va changer le style de la balise <p>...</p>)
{ : balise ouvrante
color, width, border : propriété (color = change la couleur, width change la largeur, et border ajoute une bordure)
red, 500px, 1px solid black: valeur de la propriété (red change la couleur en rouge, 500px change la largeur originelle à 500px, et 1px solid black ajoute une bordure solide de 1px noire.
} : balise fermante
Voilà pour les deux langages qu'on va utiliser lors de cette catégorie. J'espère que tout est clair et on se retrouve très bientôt pour le premier tutoriel Blogger : créer une jolie barre de recherche pour votre blog.