Apprendre le HTML de base et ma première page Web

Qu'est-ce que le HTML ? Son acronyme signifie « Hypertext Markup Language ». Il est défini comme un langage de balises qui vous permet de développer une page Web. Parmi les éléments dont dispose ce langage, se trouvent les contrôles (étiquettes, zones de texte, zones de texte, boutons) pour implémenter des formulaires, des listes, des tableaux, l'insertion d'images, vidéo, audio, entre autres.
C'est un langage très simple à apprendre car ce n'est pas en soi un langage de programmation, mais un langage que l'on marque. De plus, les mots réservés qui le composent sont faciles à retenir et très descriptifs.
L'environnement le plus basique pour commencer à pratiquer et à développer une page Web est le "Bloc-notes" commun qui est un éditeur de texte, bien qu'il existe également des compilateurs spéciaux (par exemple, Netbeans) qui ont la fonction de correction automatique lorsque n'importe quel mot dans la syntaxe est faux, il le marque et le rend plus facile à localiser.
Les fichiers HTML doivent toujours être enregistrés avec l'extension .html, que le développeur l'ajoute manuellement ou que l'éditeur l'ajoute automatiquement. Le type de fichier .html sera ouvert avec le navigateur ou le navigateur de la préférence de l'utilisateur (par exemple : Internet Explorer, Firefox, Google Chrome, Opera, Safary, etc.) car, comme mentionné ci-dessus, le langage HTML est constitué de balises : que le navigateur est prêt à interpréter.
Votre premier site internet…
Dans ce cas, nous allons ouvrir le bloc-notes, car nous travaillons sous un environnement Windows et nous allons introduire le code suivant, pour le typique "Hello world!"

Comme on peut le voir sur l'image, le fichier n'a pas encore été enregistré. Nous allons donc dans le menu Fichier> Enregistrer. Pour que les fichiers que nous développons au cours de ce tutoriel soient bien organisés, nous allons créer un dossier avec le nom "BASIC HTML", nous accédons à ce dossier et personnalisons le nom du fichier, nous entrons le nom "index.html" en rappelant que c'est important pour établir l'extension, sinon elle ne sera enregistrée que sous forme de fichier texte, c'est-à-dire .txt.

Allez à l'emplacement du fichier, double-cliquez sur l'icône portant le nom "index.html" et il s'ouvrira dans le navigateur par défaut, en l'occurrence Google Chrome. Voici ce que vous verrez :

Revenons maintenant au code…
Indique au navigateur que vous ouvrez un fichier HTML.
En-tête du document.
Mon premier site internet. Titre de la page.
Fermez l'en-tête du document.
Corps, tout le contenu de cette section apparaîtra sur la page.
Salut monde!
Fermeture du corps.
Fermez le fichier HTML.
La balise indique au navigateur qu'un document html est en cours d'ouverture, c'est là qu'il commence à interpréter le contenu. Il est important que chaque balise ouverte soit fermée, la balise de fermeture peut être affichée à la fin du document.
indique l'en-tête du document, ici entre autres choses que nous apprendrons plus tard, le titre de la page sera placé. Ce qui nous amène à la ligne de code Ma première page Web. , le résultat de cette ligne sera reflété dans la barre de titre du navigateur. Ci-dessous se trouve la fermeture de la balise.
Dans les étiquettes et le contenu de la page sera placé, qui peut contenir directement du texte et/ou d'autres étiquettes de mise en forme.
Les attributs…
Certaines balises ont un ou plusieurs attributs, ceux-ci sont définis comme caractéristiques de la balise principale. Certains aspects doivent être pris en compte pour la définition des attributs :

• Ils ont la structure nom = "valeur"
• La valeur est toujours entre guillemets.
• Ils sont placés sur l'étiquette d'ouverture.

Exemple : Nous ajouterons l'attribut bgcolor à l'étiquette, en lui attribuant une valeur hexadécimale et qui sera entourée de guillemets. Pour un guide des couleurs je laisse le lien suivant "codes couleurs HTML".

Nous sauvegardons notre fichier pour visualiser les changements, et le résultat sera :

*IMPORTANT:: Les étiquettes peuvent très bien être écrites en minuscules comme nous l'avons vu dans les exemples et en majuscules par exemple. Le World Wide Web Consortium (W3C) recommande l'utilisation de minuscules, et XHTML, qui est la version la plus récente de HTML, n'accepte que l'utilisation de minuscules.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif