Les pages HTML ~
Coucou, petits élèves du cours de codage ! :3
Aujourd'hui, vous allez voir comment créer une page HTML.
Oui, la page HTML est une des principales choses qu'il vous faut pour coder. :3
Trêve de bavardages, passons à notre cours.
Allez, vous commencez par soit :
créer une page HTML sur un forum où vous êtes le fondateur.
Ouvrir un logiciel de traitement de texte tel que Notepad++, votre Bloc-Notes ou autre.
Personnellement j'utilise mon forum de test.
Allez, passons au code de base :
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Titre ~</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
CSS.
</style>
</head>
<body>
HTML.
</body>
</html>
Je vous explique tout ça ?
Alors, vous voyez que le code commence par ce qu'on appelle un DOCTYPE. A quoi ça sert ce truc ?! A «valider votre site web». C'est légèrement compliqué. Si vous faites un site web, il doit être validé (du moins, c'est mieux). Enfin passons son utilité, c'est toujours bien de mettre un DOCTYPE. ^^
Il existe plusieurs types de DOCTYPE, 4 à ma connaissance.
- Plus sur les DOCTYPE ? Cliques ici.:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Le XHTML Strict.
C'est du XHTML normal, pas comme le XHTML transitional, il gère juste le contenu, pas l'affichage.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Le XHTML Transitional.
Ensuite, on a le XHTML transitional, ce DOCTYPE permet d'utiliser les balises comme <b>, <font>, <i>...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Le XHTML Frameset.
Celui ci sert à utiliser les frames dans votre page HTML. Je vous avoue que je ne l'utilise pas, mais c'est bien de le connaître en cas d'urgence.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
L'XHTML 1.1
C'est presque pareil que le XHTML Strict. Juste quelques attributs changés, comme quand on met un <a> ou un <map>, le «name» a été changé en «id».
Il faut savoir que ça paraît dur ces trucs appelés DOCTYPES, mais après ça va tout seul.
Allez, reprenons notre code. Après ce fameux DOCTYPE, nous avons ça :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
Eh oui, c'est le début de la page ! A la fin, vous verrez sûrement une balise </html>. Après cette balise, nous ne sommes plus dans la page HTML. Tout ce qu'il y a entre ces deux balises, c'est la page HTML.
Ensuite, une balise <head>, refermée un peu plus loin. Dedans se trouvent quelques informations sur votre page HTML :
- le titre entre les balises <title>, votre page html s'affichera avec un titre, c'est ici que vous devez le définir. -
- ensuite, on a une balise meta. Il y a énormément de meta. Je n'en donne qu'une seule, celle que vous voyez dans le code. Grâce à elle, vos caractères spéciaux comme «â, é, ù» etc, s'afficheront correctement.
- Après, on a le style. C'est le CSS de votre page, l'apparence. On reviendra sur le CSS plus tard, ici nous parlons de la page HTML...
Après, on a <body>, entre <body> et </body, c'est le code HTML que vous allez mettre, ou simplement un texte... C'est le contenu de votre page.
Et ensuite, la page HTML est terminée !
Je ne vous demande pas de retenir ces informations... mais de bien garder le modèle de page HTML. Et si vous vous posez des questions sur l'utilité de toutes ces balises, vous pourrez toujours regarder le cours !
Allez, à vous de jouer !
Je vous demande de créer une page HTML, dont le contenu sera «J'ai créé une page HTML, merci Yuuki !». Muhahahahaha. :3