Lorsque nous parlons de code HTML, beaucoup d'entre vous pensent sûrement à un langage utilisé pour structurer les informations qui nous sont fournies lorsque nous entrons dans un navigateur ou une page Web. Mais cela ne s'arrête pas là, pour mieux comprendre ce qu'est le HTML et à quoi il sert, il faut approfondir le sujet.
Ce code dont nous allons parler est la base fondamentale du développement web. Chaque fois que nous parcourons les différentes pages, le HTML est plus que présent dans chacune d'entre elles, qu'il s'agisse d'une page de mode ou d'un blog personnel. Si vous souhaitez en savoir plus sur ce sujet, prenez un stylo et du papier et nous commencerons.
Qu'est-ce que le code HTML et à quoi sert-il ?
Comme nous l'avons indiqué au début de cette publication, HTML est un langage avec lequel nous pouvons définir le contenu de notre page Web. En espagnol, l'acronyme correspond à la définition de Hypertext Markup Language. C'est-à-dire une série d'étiquettes que notre navigateur est capable d'interpréter et avec lesquelles nous pouvons définir nos textes et d'autres types d'aspects qui feront partie de la page Web, des images, des graphiques, etc.
Cette langue que nous parlons Il a pour fonction de décrire la structure suivie par une page et nous aide également à organiser la manière dont elles vont être affichées.. En plus de tout cela, HTML vous permettra d'inclure différents liens redirigés vers d'autres types de pages ou même de documents.
Ce n'est pas un langage de programmation, car il ne remplit pas certaines fonctions arithmétiques. On peut donc souligner que sa fonction principale est de pouvoir créer des pages web statiques. Il est très utile car, en le combinant avec un autre type de langage de programmation, vous pouvez obtenir les pages les plus dynamiques, comme beaucoup de celles que nous visitons chaque jour.
Un peu d'histoire HTML
graffica.info
Ce langage est né en 1980 lorsque Tim Berners-Lee, un scientifique, a présenté l'idée d'un nouveau système hypertexte.. Il était basé sur la nécessité de pouvoir partager des documents et des fichiers. Dans cette publication qui parle de HTML, un total de 22 balises sont décrites qui ont enseigné une conception initiale et simple de ce qu'était ce langage.
Actuellement, plusieurs de ces labels qui ont été mentionnés il y a des années sont toujours maintenus, par rapport à d'autres qui ont été laissées de côté et à d'autres qui se sont ajoutées au fil du temps. D'après ce que nous pouvons souligner, tout au long de son histoire, il y a eu différentes versions de HTML.
Rappelons que ce type de langage ne peut être traité qu'à travers un navigateur comme ceux que nous utilisons actuellement sur ce site Web pour lire ladite publication.
Types d'étiquettes
L'une des choses que nous avons soulignées dans la section précédente est que le langage HTML est composé de différentes balises. Ces étiquettes pour ceux qui ne connaissent pas, ce sont des sortes de fragments de texte protégés par des crochets ou des accolades dont l'objectif est d'écrire ledit code.
ces étiquettes, Ils sont généralement délimités par ce que nous savons entre parenthèses dans tip <>, c'est-à-dire ;. Ceux-ci sont utilisés pour décrire ce que vous souhaitez voir apparaître sur le Web, en termes d'apparence.
En HTML, etnous constatons qu'une grande variété d'étiquettes différentes sont définies. En fonction de l'utilisation que l'on va lui donner, nous en verrons quelques-unes ci-dessous.
- balise d'ouverture: sont ceux utilisés au début des pages. Il nous indique où un certain élément commence ou se termine. Le nom de l'élément doit figurer entre les parenthèses pointues.
- balises de fermeture: les mêmes que dans le cas précédent, mais ceux-ci indiquent la fin d'un élément. Ils diffèrent principalement par la façon dont il est écrit, puisqu'une ligne diagonale apparaît.
- balises de titre: Ils indiqueront que ce qui est placé ensuite est le titre de notre page.
- étiquettes corporelles: dans ce cas, nous parlons des balises qui indiquent la partie du corps du texte, c'est-à-dire les blocs de texte suivis.
- balise d'en-tête: comme son nom l'indique, il s'agit d'un label qui indique le titre ou l'en-tête de notre page.
- balise de sous-titre: dans ce cas, nous parlons de sous-titres de niveau 2.
- balise de paragraphe: ce sont eux qui servent à faire apparaître notre texte sur une ligne de manière groupée.
- Étiquette de la section inférieure: pointe vers le bas d'un texte. Il peut être identifié avec la conclusion ou avec la dernière partie de la page où apparaissent les informations de contact ou les réseaux sociaux.
- Étiquette de la partie supérieure: nous nous référons au haut d'un texte ou d'un en-tête sur la page.
- balise en gras: comme nous le savons tous, ils sont chargés de mettre en évidence un élément qui entoure notre texte.
- étiquettes en italique: similaire au cas précédent, mais ici apparaît ce qui est indiqué en italique.
- balise d'image: est celui que nous utilisons lorsque nous voulons insérer une image sur notre page.
- balises de lien: si nous voulons ajouter des liens n'importe où sur notre site Web, nous devons ajouter cette balise.
Voici quelques-unes des principales balises utilisées dans le langage HTML. Pour chaque balise que nous ouvrons, nous devons nous rappeler que nous devons la fermer, sinon nous n'aurons pas correctement inclus ladite balise. Le faire de la bonne manière permettra d'obtenir un langage HTML bien structuré. Un code mal écrit peut générer des erreurs dans la création de la page. De plus, le navigateur ne le reconnaît pas et on nous montre un écran vide ou la page s'affiche directement telle quelle.
Maintenant que vous savez ce qu'est HTML, à quoi il sert et certaines de ses balises les plus élémentaires, vous comprenez la structure de base de ce langage dont nous parlons. Une fois que vous savez cela, nous vous encourageons à utiliser les différentes étiquettes que nous avons nommées et à en ajouter de nouvelles, pour construire et mettre en pratique ce que vous avez appris.