Le HTML est le langage de balisage le plus utilisé sur Internet. Les pages Internet transmettent leur contenu sous forme de HTML à votre navigateur, qui lit et met en œuvre la syntaxe. En outre, le HTML contient des informations sur le style, la mise en forme ou le Optimisation des moteurs de recherche SEO.
Pourquoi le HTML ?
HTML (Hypertext Markup Language) est un langage de balisage qui détermine le contenu et la forme des documents numériques. Outre le HTML, il existe d'autres langages de balisage tels que XML ou Ajax. Les langages de balisage sont constamment développés et mis à jour pour les nouvelles versions. La première version HTML est apparue en 1992, après que le langage de balisage ait été proposé trois ans plus tôt.
Lors de l'utilisation de l'internet, divers dispositifs de sortie sont utilisés : les écrans n'ont pas de dimensions uniformes et la fenêtre du navigateur peut être agrandie ou réduite. Néanmoins, une page Internet devrait toujours afficher le contenu de manière à ce qu'il puisse être facilement reconnu. C'est pourquoi il n'est pas conseillé de fixer de manière absolue les éléments individuels des pages. Dans ce contexte, le HTML joue un rôle important dans le formatage des textes ou dans l'agencement des fichiers d'images et de vidéos sur une page Internet.
De manière plus générale, le HTML sert d'intermédiaire entre la page web en question et votre navigateur web. La langue contient des caractères, des caractères spéciaux, des mises en forme, des liens, des métadonnées, et bien plus encore. Les métadonnées sont des composants HTML que vous ne voyez pas dans l'affichage normal de votre navigateur. Néanmoins, ils sont essentiels pour la fonction d'un site web et contribuer par exemple à l'optimisation des moteurs de recherche.
La structure de base : Crochets HTML
Le HTML utilise des parenthèses (comme de nombreux langages de balisage et de programmation) pour structurer la syntaxe. Les parenthèses HTML suivent le même principe que les parenthèses de la phrase précédente : une parenthèse ouvrante marque le début d'une unité, tandis qu'une parenthèse fermante marque la fin. Contrairement aux signes de ponctuation normaux, les crochets HTML définissent ce qui se passe exactement entre eux.
Par exemple, si vous voulez souligner une partie de texte, utilisez la syntaxe "texte" (sans espaces entre crochets). Si cette syntaxe se trouve sur une page web, votre navigateur peut la lire et la convertir automatiquement en un mot souligné.
Cependant, le HTML n'est pas seulement utilisé pour formater le texte d'une page web. Au lieu de cela, c'est le HTML qui organise l'ensemble du document.
Tête et corps des documents HTML
Au début, un document virtuel définit au navigateur le langage de balisage qu'il utilise. Avec HTML5, cela se fait d'abord avec la spécification "" et ensuite avec la parenthèse "" (ici aussi et pour toutes les spécifications HTML suivantes : sans espace entre les parenthèses). "" est un crochet qui s'ouvre et se ferme uniquement à la toute fin du document. Il est important que vous précisiez la définition correcte du type de document. Les versions antérieures à HTML5 utilisent une définition plus détaillée au lieu de "".
Il est suivi de l'en-tête du document avec la syntaxe "". L'en-tête HTML comprend les métadonnées, le titre de la page, les scripts et d'autres éléments. Ce n'est qu'après toutes les spécifications du titre que le crochet de l'en-tête HTML se ferme avec "".
Ce n'est qu'ensuite qu'il faut écrire le corps HTML, qui est marqué par "". Le corps d'un document constitue la partie principale d'une page web. Il offre un espace pour le texte, photosdes fichiers vidéo et d'autres éléments. Une fois que tout le contenu souhaité est inséré dans la syntaxe, fermez le corps du HTML avec le crochet "".
Le document numérique se termine par la syntaxe "", qui indique la fin du texte HTML.
Éléments HTML communs
(Syntaxe sans espace entre les crochets OU sans espace après le "&" !)
- Titre :
- texte en gras : texte ou texte
- texte en italique : texte ou texte
- texte souligné : texte
- Lien : Description du lien
- Titre de 1er ordre :
titre
- Titre de 2e ordre : Titre subordonné
- Paragraphe :
Ce texte remplit tout le paragraphe.
C'est le deuxième paragraphe.
- Au signe (@) : & #64 ; ou & commat ;
- Flèche droite : & #8594 ; ou & rarr ;
- Flèche gauche : & #8592 ; ou & larr ;
- Flèche vers le haut : & #8593 ; ou & uarr ;
- Flèche vers le bas : & #8595 ; ou & darr
- Symbole du cœur : & #9829 ; ou & coeurs ;