VerrMaj
-
Compteur de contenus
2 -
Inscription
-
Dernière visite
Le palmarès de VerrMaj !
Nouveau (1/8)
0
Réputation sur la communauté
-
--- Présentation --- Bonsoir , Aujourd'hui je vais faire un petit tutoriel ou un chapitre sur les bases du HTML5 car je ferais surment une suite avec plusieurs chapitre, pour apprendre aux gens de crée des petites pages HTML pour leur site . Biensûr on va aussi parler de CSS pendant ces chapitres. Je vais vous apprendre les bases du HTML5 et du CSS3 . Ces chapitres seront écrits comme si vous n'aviez jamais coder quoi que ce soit. Pour commencer je vais vous expliquer c'est quoi le HTML. ( Ensuite je vais vous expliquer le CSS Mais on n-y est pas encore lol) ---- HTML C'EST QUOI ---- Alors voilà le HTML (HyperText Markup Language) est un langage de programmation conçu pour représenter les pages web. Je vais pas allez plus loin sinon on va jamais en finir si tu veux en savoir plus ta ce site https://fr.wikipedia.org/wiki/Hypertext_Markup_Language --- Prérequis pour coder --- Pour coder en HTML vous n'avez pas vraiment besoin de logiciels extraordinaire ! Non vous pouvez coder avec Bloc Note ! Oui ^^ On peut coder avec Bloc Note mais c'est déconseiller ! Je vous conseils tout comme moi de télécharger un éditeur de texte. Comme Notepad++ ou encore Sublime Text mais il y en a encore des centaines.. Personnellement j'utilises Sublime Text 3 . Je vous conseils de télécharger Sublime Text 3 . Voilà j'ai fais un peu le tour non ? Pour coder en HTML il vous faut 3 choses . 1. Un PC 2. Un editeur de texte ou un logiciel comme Bloc Note . 3. Un cerveau 4. Facultatif - Un peu de temps libre hein ? ------------------------------------------------------------------------------------------------------------- ---------------- Commençons ! ----------------------------- A coté de chaque balise ( </> ) je vais mettre une petite parenthèse avec une petite explication a quoi sert cette balise ( pour que vous comprennez rapidement ) Alors on va commencer par crée un fichier en .html . Une fois crée on va commencer par tappez <!DOCTYPE html> ( Cette balise est assez spécial car il y a un "!" après le "<" . Cette balise dit a l'ordinateur que ce fichier est en format HTML. Sous cette balise on va marquer : <html> ( Obligatoire !!! ) <head> ( Veut dire tête c'est ici ou on va mettre nos liens vers nos fichiers CSS ou on va préciser l'encondage utf-8 . Ou encore le titre (title). <meta charset="utf-8" /> ( on précise l'encodage en utf8 on en reviendra plus tard ) <title>Mon Onglet </title> ( C'est ici qu'on donne le titre du petit onglet des pages ) </head> ( On referme la balise "head" ) <body> ( Je penses que vous l'aurez compris une balise en général ( oui car il y a des exceptions ) Commence par un "<balise>" et se finit par un "</balise>" on referme avec un "/" après le premier "<". ---- ( Ne recopiez pas cette ligne ! là ! Je vais juste vous dire quelque chose avant de continuer ! la balise body signifie corp c'est a dire que c'est ici ou on va y mettre toutes nos autre balises exemple h1 ... ) <h1>Mon premier titre </h1> ( C'est un titre ) <br /> ( j'utilises ici cette balise pour sauter une ligne . ) <p>Ouaaaaaah ma première page HTML c'est cool hein ? Et bas c'est que le début plutard sa sera plein ! </p> ( Cette balise permet d'écrire des paragraphes ou n'importe quoi d'autres lol . Tant que c'est du texte . A la place d'écrire sans balise car oui on peut écrire sans balise. </body> ( On referme la balise Body , Et là vous allez me dire quoi c'est déjà finis !? Bah oui on va y allez doucement c'est déjà bien tout ce que vous avez appris aujourd'hui ! </html> Voilà normalement en résultat visuel cela va vous donner ça : Et niveau code vous aurez ça : Voilà c'était mon premier tuto ou appellez ça comme vous voulez ! Je ne sais pas si je vais en faire un deuxième ! Pour les persones qui rencontrent un problème je serais ravis de répondre a tout vos questions en MP. Ditez moi vos avis en commentaires si vous avez aimer ou pas .
