[cours] Le html pour les nuls - Leçon 3 : Des titres et des couleurs

Hey les gens ! Je crois que jamais un prof n'a pris d'aussi long congé que celui que je viens de prendre alors que j'étais en pleine forme ! xD

Bref, on se retrouve pour un nouveau cours de html, qui va encore se baser sur la présentation d'une page et plus particulièrement la mise en forme du texte. C'est parti !


Leçon n°3 : Des titres et des couleurs


Bonjour à tous et bienvenue pour un tout nouveau cours de html !
Ne faites-pas semblant, je sais que vous en mourriez d'envie !

Aujourd'hui, on va apprendre encore un peu de mise en forme de texte.

Les titres

Alors, mes petits amis, on est parti !
Comme dans un exposé, vos pages auront souvent besoins de différent titres qui permettront de séparer convenablement vos parties et sous-parties dans vos différentes pages.

Les balises de titre sont symétrique et se composent ainsi :

Code:

Plus le numéro suivant le h est petit, plus le titre sera important.
Bref, un petit exemple avec le code suivant :

Code:

Qui vous donne ceci :
Citation:

Titre important

Titre moins important

Titre miniature

Attention : Sur le forum, le h1 semble avoir la même taille que le h2, ce qui n'est pas du tout le cas normalement. D'autant que ces titres sont censé être beaucoup plus grands.
Je vous conseille donc de tester par vous-même sur une page html de votre création.

Mais... Soyons francs, ces titres manquent un peu de gaieté, non ? Il faudrait qu'ils flashent plus, n'est-ce pas ? Et bien, mettons un peu de couleur !

Les couleurs

Pour ajouter de la couleur à un texte, rien de plus simple !
Il suffit d'ajouter un "attribut" à la balise.

Rien ne vaut un exemple, regardez :

Code:

Ceci donnera, vous l'avez deviné, un texte en gras à gauche et en gras et rouge à droite.
Encore une fois, le forum ne me permet pas de vous montrer ça sous forme html, je ne sais pas pourquoi et je m'en excuse.

Ces attributs peuvent être placés dans toutes les balises concernant le texte. Donc les titres aussi. ^^

A présent, vous savez faire des titres organisés, et mettre de la couleur. C'est classe, non ?

La prochaine fois, nous étudierons les paragraphes ainsi que la mise en place d'images.
A vous les studios !

Cool que tu aies repris ton tuto 8D, il serait très utile pour ceux qui débutent dans le HTML.

En fait, ces codes en eux-même sur le forum ont un intérêt limité, vu que le CSS de base du forum va être appliqué sur le code que l'on fait, et du coup ça donne un rendu différent de ce qu'on veut avoir normalement. De même, (et ça c'est très chiant) un saut de ligne sur le forum correspond à un < br > en HTML, du coup, pour que notre code n'ait pas de mise en forme grotesque, il faut enlever tous les sauts de ligne, et on se retrouve avec un code complètement écrasé et condensé, le truc idéal pour s'y perdre. Donc le mieux est bien évidemment de coder nos propres pages à l'extérieur du forum, sur votre éditeur Notepad en local. J'en reviens au CSS, pour justement annuler le CSS du forum qui est appliqué aux H1 par exemple, il faut lui appliquer un style forcé, qu'il prendra en premier.

On va pas leur casser les neurones avec les CSS pour le moment.
Je me doutais bien que c'était la cause, bien entendu, mais bref, voilà. xD

Le prochain cours, si je trouve la motiv d'écrire, arrivera ce soir ! xD