Si vous avez suivi les instructions de la première partie, votre page est maintenant prête pour l'utilisation du code HTML.
Commencez par taper le texte que vous voulez. Le rendu est très triste, très sobre... bref, c'est moche. On va donc voir comment on personnalise tout ça.
La taille de la police
La principale fonction de cette balise est de démarquer les titres et sous-titres du reste du texte. Pour cela il existe plusieurs moyens, certains relevant plus du système D qu'autre chose. Je vais donc vous expliquer la technique la plus simple, et qui donne pourtant de grandes possibilités.
En effet, le HTML permet de donner 6 "niveaux de titres" différents ; on peut donc indiquer "ceci est le titre le plus important", "celui-ci est un peu moins important", "celui-là est le moins important des 3"...
On utilise donc 6 balises très simples : <h1>...</h1> pour le titre le plus important, <2>...</2> pour un titre moins important... jusqu'à <h6>...</h6> qui est destiné aux titres les moins importants.
Évidemment vous n'aurez sans doute pas besoin de 6 niveaux de titres, donc vous pouvez attribuer <h1> pour les titres, <h2> pour les sous-titres et <h3> pour le texte en lui-même.
Un petit exemple sur mon site public ( http://www.xvmanager.com/Equipe/?Equipe=Stras67 ) : le titre "Résultats - Équipe senior" est en h1, le sous-titres "Tournois et coupes" est en h2. Pour le reste du texte j'ai utilisé une autre balise plus complexe mais aux possibilités infinies ( choix précis de la taille du texte, mieux que dans votre traitement de texte ! ), j'y reviendrait dans la partie sur le CSS.
Les couleurs
Autre élément important pour personnaliser votre texte. Ça changera du noir traditionnel, et vous pouvez même le mettre aux couleurs de votre équipe.
Avant de vous présentez la balise, il faut vous expliquer autre chose. En effet, cette balise demande la valeur hexadécimale de la couleur que vous souhaitez.
Vous en trouverez ici par exemple http://www.guidnet.org/index.php?option=com_content&view=article&id=51&Itemid=66. Mais l'idéal est d'utiliser votre logiciel de retouche d'images ( je possède Photofiltre et The Gimp que je connais pas encore très bien ), vous pouvez alors modifié votre couleur très finement et en obtenir la valeur hexadécimale.
Maintenant que vous avez la valeur hexadécimale de votre couleur, vous pouvez l'insérer dans la balise :
<FONT color=#******>...</FONT> où ****** est la valeur hexadécimale d'une couleur.
Pour appliquer la couleur à toute la page, placer la balise en début et en fin de code ( entre les balises <HEAD>, bien sûr, pas à l'extérieur ) ; sinon, entourez le texte à colorer de ces balises.
Quelques autres balises plus ou moins utiles
Voilà en vrac quelques autres balises qui vous serviront à personnaliser votre texte ; elles fonctionnent toujours sur le même principe :
- mettre en italique : <i>...</i>
- mettre en gras : <strong>...</strong>
- souligné : <u>...</u> ( je vous déconseille de souligner à tord et à travers car en général on souligne les liens )
Comme vous le voyer, on retrouve beaucoup des fonctions présentes dans un traitement de texte. Mais, comme je le disais plus haut, le CSS nous permettre de nous en rapprocher encore plus en nous permettant par exemple de choisir plus finement la taille de la police, la police de caractère utilisée, l'alignement du texte...
Retour à l'introduction : https://wales.forumactif.org/sites-public-f22/les-bases-du-code-html-t141.htm
Suite :
Commencez par taper le texte que vous voulez. Le rendu est très triste, très sobre... bref, c'est moche. On va donc voir comment on personnalise tout ça.
La taille de la police
La principale fonction de cette balise est de démarquer les titres et sous-titres du reste du texte. Pour cela il existe plusieurs moyens, certains relevant plus du système D qu'autre chose. Je vais donc vous expliquer la technique la plus simple, et qui donne pourtant de grandes possibilités.
En effet, le HTML permet de donner 6 "niveaux de titres" différents ; on peut donc indiquer "ceci est le titre le plus important", "celui-ci est un peu moins important", "celui-là est le moins important des 3"...
On utilise donc 6 balises très simples : <h1>...</h1> pour le titre le plus important, <2>...</2> pour un titre moins important... jusqu'à <h6>...</h6> qui est destiné aux titres les moins importants.
Évidemment vous n'aurez sans doute pas besoin de 6 niveaux de titres, donc vous pouvez attribuer <h1> pour les titres, <h2> pour les sous-titres et <h3> pour le texte en lui-même.
Un petit exemple sur mon site public ( http://www.xvmanager.com/Equipe/?Equipe=Stras67 ) : le titre "Résultats - Équipe senior" est en h1, le sous-titres "Tournois et coupes" est en h2. Pour le reste du texte j'ai utilisé une autre balise plus complexe mais aux possibilités infinies ( choix précis de la taille du texte, mieux que dans votre traitement de texte ! ), j'y reviendrait dans la partie sur le CSS.
Les couleurs
Autre élément important pour personnaliser votre texte. Ça changera du noir traditionnel, et vous pouvez même le mettre aux couleurs de votre équipe.
Avant de vous présentez la balise, il faut vous expliquer autre chose. En effet, cette balise demande la valeur hexadécimale de la couleur que vous souhaitez.
Vous en trouverez ici par exemple http://www.guidnet.org/index.php?option=com_content&view=article&id=51&Itemid=66. Mais l'idéal est d'utiliser votre logiciel de retouche d'images ( je possède Photofiltre et The Gimp que je connais pas encore très bien ), vous pouvez alors modifié votre couleur très finement et en obtenir la valeur hexadécimale.
Maintenant que vous avez la valeur hexadécimale de votre couleur, vous pouvez l'insérer dans la balise :
<FONT color=#******>...</FONT> où ****** est la valeur hexadécimale d'une couleur.
Pour appliquer la couleur à toute la page, placer la balise en début et en fin de code ( entre les balises <HEAD>, bien sûr, pas à l'extérieur ) ; sinon, entourez le texte à colorer de ces balises.
Quelques autres balises plus ou moins utiles
Voilà en vrac quelques autres balises qui vous serviront à personnaliser votre texte ; elles fonctionnent toujours sur le même principe :
- mettre en italique : <i>...</i>
- mettre en gras : <strong>...</strong>
- souligné : <u>...</u> ( je vous déconseille de souligner à tord et à travers car en général on souligne les liens )
Comme vous le voyer, on retrouve beaucoup des fonctions présentes dans un traitement de texte. Mais, comme je le disais plus haut, le CSS nous permettre de nous en rapprocher encore plus en nous permettant par exemple de choisir plus finement la taille de la police, la police de caractère utilisée, l'alignement du texte...
Retour à l'introduction : https://wales.forumactif.org/sites-public-f22/les-bases-du-code-html-t141.htm
Suite :