Les éléments HTML ont plusieurs niveaux. Tout ce que vous voyez: les paragraphes, la bannière, les liens de navigation sur la gauche et la droite , sont tous des éléments de cette page.
Un élément a trois parties: une balise d'ouverture, le contenu de l'élément et une fermeture.
***Note:
Toutes les pages internet auront au moins les éléments de base: html, head, title et body.
Un document HTML commencera toujours avec une balise <html> et terminera avec </html>. Ceci est la structure standard en HTML. Ouvrez s'il vous plait un Notepad et copiez le code suivant:
html<html>
</html>Sauvegarder le document depuis le "menu Fichier/Sauvegarder vers". Sélectionner Tous les Fichiers et nommer le nouveau fichier créé "index.html".Cliquez sur "Sauvegarder". Ouvrez maintenant le fichier dans un navigateur pour que vous ayez la possibilité de rafraîchir la page (F5).
Si vous avez tout bien fait vous pourrez voir votre page internet blanche!
L'élément <head> est celui qui vient après. Tant que vous le mettez entre html et body tout devrait bien se passer. "Head" n'a pas de fonction visible, donc nous parlerons de cet aspect dans les prochains tutoriels. Cependant je souhaite mentionner que <head> peut offrir des informations très utiles au navigateur. Vous pouvez y introduire d'autres codes tel que JavaScript ou CSS.
Pour le moment nous laisserons cette balise vide, et nous introduirons le prochain élément de la liste, mais tout d'abord jetons un oeil sans celui-ci:
html<html>
<head>
</head>
</html>Si vous sauvegarder le document et essayer de rafraîchir la page initiale depuis le navigateur vous ne verrez pas de différence. Ayez simplement un peu de patience, parce qu'ensuite nous étudierons quelques éléments visibles.
Pour que tout fonctionne bien vous devez mettre la balise title à l'intérieur de la balise head. ce que vous écrivez entre ces deux balises title ( <title> et </title>) sera vu comme le nom du navigateur, généralement dans le coin supérieur droit. Ensuite nous aurons le code source:
html<html>
<head>
<title> Ma première page internet!</title>
</head>
</html>Maintenant sauvegardez le fichier et ouvrez le dans votre navigateur. Vous pourrez voir le titre dans le coin supérieur gauche ou droit comme pour la majorité des navigateurs.
Vous pouvez mettre le nom que vous voulez, souvenez vous simplement que les noms les plus descriptifs sont les plus faciles à retrouver plus tard.
L'élément body est celui qui défini le début du contenu de la page même (titres, paragraphes, photos, musique et n'importe quel autre contenu). Comme vous pouvez voir dans le menu de gauche, nous parlerons de tous les éléments un à un.
Pour le moment tout ce que vous devez garder à l'esprit c'est que body couvre tout le contenu de la page.
html<html>
<head>
<title> Ma première page internet!</title>
</head>
<body>
Salut les gars! Ici je mettrai le contenu plus tard !
</body>
</html>Maintenant regardez ce que vous avez fait, et plus tard je vous inviterai à voir ce qu'il y a dans la prochaine section.