Qui qui veut apprendre des codes avec moi ?
C'est trop simple ! Tellement simple que je crois que je vais faire mon propre code pour présentation ou fiche de lien xD
Donc... Pour commencer... (J'apprends en même temps que vous ._. Voui xD) Il faut savoir comprendre le langage HTML ^^ Sans ça... Bah... Vous pouvez RIEN faire ._. Si vous passez cette étape vous êtes dans la m*rde xD J'en rajouterais au fur et à mesure que ce que moi j'aurais compris ^^
Chapitre 1 La base ! (ou la structure xD Comme vous voulez ^^)Ce qu'il vous faut :- Un logiciel NotePad ou aussi appelé Bloc-Note ^^ Vous le trouverez dans "Démarrer" puis dans "Accessoires".
Une page HTML contient : - des
balises comme "
- Code:
-
<mot>
".(je l'ai inventé ^^ Il n'existe pas normalement vu que le langage HTML est tiré de l'anglais ^^)
- Code:
-
<mot>
est une
balise d'ouverture. Puis après le texte que vous voulez inséré vous inscrivez
- Code:
-
</mot>
.
- Code:
-
</mot>
est une
balise de fermeture. (C'est ce que j'ai compris pour l'instant xD Mais ça je le savais déjà ^^ Je le redit juste pour ceux qui ne s'y connaissent PAS DU TOUT ^^)
- une structure que ne change JAMAIS !!!!!!!! C'est toujours la même !!!!!! Et je vous la donne
Sans regarder la page de cours xD
- Code:
-
<html>
<head>
</head>
<body>
</body>
</html>
Comme certain ont pu le remarquer head = tête, et body = corps ^^ Et quelques lignes en haut je vous ais précisé que la langage HTML était tiré de l'anglais ^^
- Code:
-
<html> et </html>
Il ne faut SURTOUT PAS oublié
- Code:
-
<html>
et
- Code:
-
</html>
car c'est le début (
- Code:
-
<html>
) et la fin (
- Code:
-
</html>
) de la page HTML. Sans ça... Ben... Ca marche pas ._.
- Code:
-
<head> et </head>
Ces deux balises contiennent des informations, comme le titre, ou les scripts.
- Code:
-
<body> et </body>
Ces deux autres-ci contiennent des informations, comme du texte (au kilomètre si vous voulez X) ), ou des images, etc...
Pour résumer : - Code:
-
<html>
<head>
Dans le head, je mets des informations comme le titre.
</head>
<body>
Dans le body, je mets ce que je veux, du texte, des images...
</body>
</html>
Voilà ^^ Chapitre 1 fini ! Moi pour l'instant je vais essayer de comprendre la suite... Et de vous expliquer ^^ Dans le chapitre 2 !!!
Petit exercice pour voir si vous avez compris Sur cette page en bas :
[Vous devez être inscrit et connecté pour voir ce lien]Aide : N'oubliez pas de mettre
- Code:
-
<title> et </title> entre <head> et </head>
Chapitre 2 – Les balises que vous utilisez sans vous en rendre compteEh oui... Vous connaissez déjà pas mal de choses sur le langage HTML sans même le savoir ^^ Cool, non ? XD
Les exemples : - Code:
-
<i> et </i>
Ces balises servent à mettre en italique le texte que vous mettez entre celles-ci.
- Code:
-
<u> et </u>
Celles-ci servent à mettre le texte (que vous mettez entre ces balises) en souligné.
- Code:
-
<b> et </b>
Servent à mettre le texte en gras.
- Code:
-
<strike> et </strike>
Servent à barrer le texte.
- Code:
-
<center> et </center>
Servent à centrer le texte.
- Code:
-
<div align="left ou right"> et </div>
Servent à aligné le texte (soit à gauche « left », soit à droite « right »)
Et une balise... Vraiment génial ! Car elle est ENTIEREMENT personnalisable !
- Code:
-
<font face="la_police_de_votre_choix"
color="votre_couleur_en_ANGLAIS_uniquement"
size="1_ou_3_ou...">
et se referme avec </font>
Le seul hic est que tous les navigateurs internet ne peuvent pas lire certaines polices... Donc mieux vaut rester dans la normalité (Times, Verdana, etc...)
et enfin... Celles que l'on oublie la plupart du temps... Mais qui est très pratique ! Car on n'a pas besoin de refermer la balise !
- Code:
-
<br>
Celle-là sert à mettre à la ligne le texte.
Voilà ^^ Un chapitre cours mais efficace ! J'espère que vous avez tout compris ! Si non... Mpotter moi
Accueil 
Sujet: Cours pour apprendre le codage (mais d'abord... Le langage HTML ^^) 
Si tu veux pourvoir faire des codes il faut connaître le langage HTML pas le langage xHTML qui est... si on peu dire... un complément au langage HTML ^^ Donc c'est ce site : 
