Tutoriel HTML (partie 1)
Introduction
HTML veut dire HyperText Markup Langage. Il ne s'agit pas d'un langage de programmation mais plutôt d'un langage de
marquage permettant de mettre en forme du contenu. Le contenu peut être un texte, une image, ou d'autres choses que
nous verrons plus tard.
Pour mettre en page ce contenu, HTML utilise des balises. Le principe est simple, si je veux par exemple affiche
"un texte en gras" mais en gras il suffit d'encadrer le texte par la balise mettant en gras, il s'agit de "<b>"
pour le début et "</b>" pour la fin.
Le code <b>un texte en gras</b> affichera donc: un texte en gras
Pour créer des pages HTML, vous n'aurez donc besoin que d'un éditeur de texte.
La structure d'une page HTML
Toute page HTML est crée selon le même modèle. C'est à dire qu'il y a certaines balises qui sont toujours présentes. Le modèle de base est le suivant:
L'entête est situé entre <head> et <head> elle n'est pas visible depuis un navigateur et est principalement destinée à donner des informations aux moteurs de recherche.
Le corps de la page est la partie qui sera visible sur internet. Elle est délimitée par les balises <body> et <body>.
Votre première page HTML
Vous en savez désormais assez pour créer votre page HTML. Ouvrez un éditeur de texte et tapez la code que nous avous donné
ci-dessus. Puis enregistrez la page en prennant soin de lui donner une extension en .html ou en .htm Ensuite, ouvrez
le fichier créé à l'aide de votre navigateur web préféré. Vous devriez voir apparaitre une belle page blanche.
Essayez de créer un autre page mais cette fois, tapez quelques mots (du genre "bonjour" ou "ceci est un test" entre
les balises <body> et <body;. Ouvrez avec votre navigateur, normalement vous devriez avoir une page blanche avec
votre texte écrit en noir. Si c'est le cas, alors vous avez réussi votre 1ère page web.
Maintenant, il ne vous reste plus qu'à apprendre les balises permettant de mettre en forme les éléments situées entre
<body> et <body> (pour les informations entre <head> et <head> nous verrons plus tard).
GameMasters.fr - tutoriels, guides, aides et astuces pour l'informatique, le web et les jeux vidéo.
Contact - © 2007-2009 www.gamemasters.fr