Salut communauté iHaxGlobal , Au cours de se Tutorial, je vais vous présenter et expliquer la structure basique d'une page en HTML. La balise <!DOCTYPE> s'assure que le navigateur interprétera la version HTML qui sera utilisée, ainsi en HTML5 le Type de document à déclarer est : HTML:<!DOCTYPE html>Tout code html commence avec les balises :HTML: <!DOCTYPE html> <html> </html>Ainsi le navigateur reconnais que la balise <html> est le début du code html, et </html> sa fin. Du coup, tout ce qui est au mieux, c'est le contenu. La balise <html> contient 2 balises ou catégories principales <head> et <body>HTML:<!DOCTYPE html> <html> <head> </head> <body> </body> </html>Dans la contenu de la balise <head>, on peux ajouter le titre de la page grâce à la balise <title>HTML:<!DOCTYPE html> <html> <head> <title>iHax Tutorials</title> </head> <body> </body> </html> On peux aussi ajouter des informations MetaData, qu'on ne veux pas afficher mais qui font partie de notre page HTML. Dans la partie body, tout ce qu'on ajoute est le contenu de la page qui sera affiché : header, paragraphe, table .. etc, par exemple pour ajouter du texte, on utilise la balise paragraphe <p> ainsi : HTML:<!DOCTYPE html> <html> <head> <title>iHax Tutorials</title> </head> <body> <p>Episode #1 : Structure Basique d'une page en HTML</p> </body> </html> Aussi très utilisé, c'est la balise heading autrement dit titre h1, h2, h3, h4, h5 et h6. HTML:<!DOCTYPE html> <html> <head> <title>iHax Tutorials</title> </head> <body> <h1>Tutorial HTML5</h1> <p>Episode #1 : Structure Basique d'une page en HTML</p> </body> </html> Maintenant, on va parler rapidement des attributs. Ce sont des informations supplémentaires qui permettent de configurer les éléments ou de modifier leur comportement de différentes façons. Exemple : lang qui est un attribut global qui indique la langue utilisée dans notre page. Voici un exemple : HTML:<!DOCTYPE html> <html lang="fr"> ..... </html>Voici la liste complète des langue : https://fr.wikipedia.org/wiki/Liste_des_codes_ISO_639-1 que vous pouvez utiliser. On peut aussi ajouter un attribut charset à la balise Metadata <meta> HTML:<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> </head> .................... </html>Si on exécute notre code sur un navigateur, voici le résultat : Ce Tutorial touche à sa fin . A très bientôt pour une prochaine épisode.
Il suffit d'utiliser un éditeur de text : blocnote, notepad++, sublime text .. etc de coller le code et enregistrer la page en .html au lieu de .txt