Guide pour débutants - Balises

  »   Guide du débutant  »   Tutoriel HTML - Balises

Maintenant que vous avez déjà créé votre page internet, nous devrions examiner quelques segments du fichier "index.html". Certainement vous avez vu qu'il y a un modèle dans l'arrangement des commandes , quelques mots sont entourés de "<" et ">", ce sont des balises HTML.

Un exemple de balise HTML est <body>. La balise <body> indique au navigateur, où le contenu de la page internet commence.<body> est un exemple de balise qui doit exister dans chaque page internet.

Balises de Base en HTML

Jetons un oeil au code. Une page internet est composée de deux éléments de base. Si vous essayez de créer une page sans ces deux balises, vous aurez des problemes.

html<html>
	<body>
		Le contenu de la page internet ira ici
	</body>
</html>

La première balise est appelée <html> et c'est la balise qui indique au navigateur le début d'un code HTML. La seconde balise, <body>, indique au navigateur qu'à partir de là commence la partie visible ou le contenu de la page.

Comment fermer une balise HTML

Vous avez peut-être déjà observé deux autres balises similaires à la fin du document, </body> et </html>. Ces balises sont pour fermer.</body>, faire savoir au navigateur que le contenu de la page est terminé, et </html> que le document HTML est terminé.

Un slash "/" est situé avant le nom de la balise et celà indique au navigateur qu'il souhaite arrêter la fonction actuelle. Donc <tag> est utilisé pour commencer une fonction, et </tag> pour l'arrêter.

Ordre de la baliste - très important

L'ordre d'ouverture et fermeture d'une balise est très important. Si une balise est ouverte dans un autre ordre, par exemple body est écrit ouvert en html ensuite cette balise (body) est celle qui doit être fermée avant la seconde balise (html).

Nous avons fermé en premier body parce que c'est la première qui a été écrite. C'est la règle: l'ouverture et la fermerture d'une balise s'applique a toutes les autres balises HTML du document.

La seconde page

Vous pourriez avoir besoin d'un peu de temps et de plusieurs essais avant d'etre habitué à ces regles, donc vous devriez continuer à essayer avec la prochaine page internet. Copiez ce code dans notepad, comme vous avez fait avec la première page.

html<html>
	<head>
		<title>Ma seconde page internet ! </title>
	</head>
	
	<body>
		<h2>Bienvenue.</h2>
		<p>Très bientot je vais créer une page qui sera super cool!</p>
	</body>
</html>

Après que vous vous êtes assuré que tout est en accord avec les indications antérieures, vous pouvez sauvegarder le document. Vous pourriez essayer de le sauvegarder avec le même nom que le précédent, "index.html". On pourrait vous demander si vous voulez remplacer le document précédent, sélectionnez OK, nous n'aurons plus besoin de l'autre document. Quand c'est fait, continuez et lisez le prochain tutoriel.