Logo Génération Nintendo
Accueil Forum Dossiers [cours] Le html pour les nuls - Leçon 3 : Des titres et des couleurs

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

Index du forum :: Articles :: Dossiers
[cours] Le html pour les nuls - Leçon 3 : Des titres et des couleurs
Naru-manga
Membre important

“Humeurienne”
2454 messages
Inscrit en 2008
Monter Descendre
#65828 [cours] Le html pour les nuls - Leçon 3 : Des titres et des couleurs Lun 20 Aoû 2012 - 21:34
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:
</h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>


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

Code:

</h1>Titre important</h1>
<h2>Titre moins important</h2>
<h5>Titre miniature</h5>


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:

<b>Texte en gras</b><b color=red>Texte en gras rouge</b>


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 !
Fate
Membre incroyable

6301 messages
Inscrit en 2009
Monter Descendre
#65829 [cours] Le html pour les nuls - Leçon 3 : Des titres et des couleurs Lun 20 Aoû 2012 - 21:36
Cool que tu aies repris ton tuto 8D, il serait très utile pour ceux qui débutent dans le HTML.
Dragon-blue
Admin mythique

“Pouet”
20111 messages
Inscrit en 2008
Monter Descendre
#65960 [cours] Le html pour les nuls - Leçon 3 : Des titres et des couleurs Ven 24 Aoû 2012 - 12:28
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.
Naru-manga
Membre important

“Humeurienne”
2454 messages
Inscrit en 2008
Monter Descendre
#65989 [cours] Le html pour les nuls - Leçon 3 : Des titres et des couleurs Ven 24 Aoû 2012 - 17:30
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
[cours] Le html pour les nuls - Leçon 3 : Des titres et des couleurs
Index du forum :: Articles :: Dossiers
Sauter vers: