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-2021 www.gamemasters.fr