Définition du tag HTML

Ce que vous devez savoir sur les balises HTML

HTML est la langue du Web. Les pages Web que vous consultez sur votre ordinateur ou votre téléphone, y compris celui-ci, sont écrites en langage hypertexte utilisant ce que l'on appelle les «balises HTML». Vous pouvez considérer HTML comme le «code sous-le-capot» qui contrôle la structure d'une page Web.

En fin de compte, lorsque vous apprenez une nouvelle langue, vous commencez avec des phrases simples et construisez à partir de là. Apprendre le HTML n'est pas différent. Vous commencerez par maîtriser les balises HTML courantes. C'est l'équivalent de l'apprentissage de "phrases simples" dans une langue parlée. Ces phrases deviennent le fondement sur lequel vous construisez vos connaissances et votre discours, tout comme les balises HTML sont la base sur laquelle vous allez développer vos compétences de développement web.

Format de balise HTML

Vous pouvez reconnaître une balise HTML car elle est entourée des caractères au début et à la fin de la balise. Entre ces deux caractères serait un autre texte qui définit quel type de balise HTML est en cours d'écriture. Par exemple, si vous savez que "hr" signifie une règle horizontale (ou une ligne), vous écrivez ceci pour la balise HTML:


Vous venez d'écrire une balise HTML qui dessine une règle horizontale sur une page Web.

La plupart des balises HTML sont par paires. Ils sont placés au début et à la fin d'une section de texte pour dicter le contenu qu'ils contiendront. Ces paires de balises constituent les éléments HTML . Lorsque vous apprenez que et sont les balises d'ouverture et de fermeture pour rendre le texte gras, vous commencez à comprendre comment les balises HTML affectent l'apparence du texte sur une page Web.

Cette phrase apparaîtra en gras à cause des tags.

Notez que la balise de fermeture forte (qui signifie "accent fort et qui, par défaut, rend le texte en caractères gras) est identique à la balise" bold "d'ouverture sauf qu'elle inclut une barre oblique dans le tag.C'est le format qui est suivi par Balises HTML La balise d'ouverture et les balises fermantes sont les mêmes, avec l'ajout d'une barre oblique dans la fermeture qui suit le premier caractère <.

Combinaisons de balises HTML

Les balises HTML sont fréquemment utilisées en combinaison. Les balises d'ouverture et de fermeture du texte souligné (en italique) sont et . L'ajout des balises italiques à un seul mot dans l'exemple de phrase tout en gras entraîne l'apparition du mot à la fois en gras et en italique sur la page Web.

Cette phrase apparaîtra en gras à cause des tags.

Chaque fois que plusieurs balises sont utilisées ensemble dans un élément d'une page Web, avec certaines balises apparaissant à l'intérieur d'autres, elles sont appelées balises HTML imbriquées. Vous devez vous rappeler qu'une balise imbriquée, qui sont les balises à l'intérieur d'autres balises, doit être fermée avant que leurs balises puissent être fermées. Regardez cet exemple:

Ce texte est souligné pour une raison spécifique.

Vous devriez remarquer que la balise est ouverte à l'intérieur de

, ce qui signifie qu'elle doit être fermée avant que la balise de fermeture n'apparaisse. Pensez aux étiquettes imbriquées comme des boîtes à l'intérieur d'autres boîtes. Les boîtes intérieures doivent être fermées avant leur extérieur, contenant des boîtes.

Balises HTML et pages Web

Il existe des douzaines de balises HTML en HTML valide. Certains balises HTML dictent des éléments de base très courants comme les paragraphes, tandis que d'autres sont plus compliqués et ajoutent plus de fonctionnalités, comme les balises de lien ou d'ancrage. Une liste de balises HTML donne un aperçu des nombreuses fonctions que les balises peuvent exécuter sur une page Web à l'aide de balises.

Il y a également des balises obligatoires pour toutes les pages Web. Au fur et à mesure que vous construisez votre première page, vous utiliserez la balise , qui commence une page Web; qui indique au navigateur ce qu'il doit afficher en haut du volet du navigateur, et <body>, où se trouvent toutes les informations de la page Web et constitue la partie la plus importante de votre page. </p> <p> Une liste de balises HTML n'est pas très utile tant que vous n'avez pas suivi un didacticiel HTML, mais une fois que vous l'avez fait, vous pouvez utiliser des balises HTML pour créer votre propre page Web. Une note, ne pas être submergé par le nombre de balises HTML possibles. Bien qu'il existe des centaines de balises possibles à utiliser, la réalité est que vous êtes susceptible de n'utiliser qu'une poignée d'entre eux encore et encore. En fait, il y a des balises HTML que je n'ai jamais utilisées même une fois dans mes décennies de travail de conception web! </p> <h3> Tags dépréciés </h3><p> <a href="https://especira.com/html-5-reference-html-5-mots-cles-alphabetique/">HTML5</a> est la norme de balisage actuelle. Certaines des balises qui étaient utilisées dans les versions antérieures de HTML sont désormais gérées par des feuilles de style en HTML5. Les balises HTML dépréciées ont été supprimées des spécifications HTML. Il est préférable de ne pas utiliser de balises obsolètes. </p> <p> Article original par Jennifer Krynin. Édité par Jeremy Girard le 5/2/17 </p> </div> <div class="amp-related-wrapper"> <h2>Alike articles</h2> <div class="amp-related-content"> <a href="https://especira.com/en-savoir-plus-sur-les-balises-dimage-dattribut-alt-html/"> <amp-img src="https://exti.especira.com/picture/af8334fc5d12335c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/en-savoir-plus-sur-les-balises-dimage-dattribut-alt-html/">En savoir plus sur les balises d'image d'attribut Alt HTML</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/ecriture-html-dans-le-bloc-notes/"> <amp-img src="https://exti.especira.com/picture/2fb0aeb59c9a33d5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/ecriture-html-dans-le-bloc-notes/">Écriture HTML dans le bloc-notes</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/commentaires-sur-les-commentaires/"> <amp-img src="https://exti.especira.com/picture/fbec9317d5d73059-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/commentaires-sur-les-commentaires/">Commentaires sur les commentaires</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://especira.com/comment-ajouter-des-commentaires-dans-votre-code-html/">Comment ajouter des commentaires dans votre code HTML</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://especira.com/editeurs-html-et-editeurs-de-pages-web/">Éditeurs HTML et éditeurs de pages Web</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/listes/"> <amp-img src="https://exti.especira.com/picture/fd0694f36f7534bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/listes/">Listes</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/utilisation-de-html5-pour-afficher-la-video-dans-les-navigateurs-actuels/"> <amp-img src="https://exti.especira.com/picture/4f309dbe503c33d3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/utilisation-de-html5-pour-afficher-la-video-dans-les-navigateurs-actuels/">Utilisation de HTML5 pour afficher la vidéo dans les navigateurs actuels</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/comment-utiliser-des-caracteres-speciaux-en-html/"> <amp-img src="https://exti.especira.com/picture/59b9945dcda33018-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/comment-utiliser-des-caracteres-speciaux-en-html/">Comment utiliser des caractères spéciaux en HTML</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See New</h2> <div class="amp-related-content"> <a href="https://especira.com/quest-ce-que-ctrl-alt-del/"> <amp-img src="https://exti.especira.com/picture/e244781bdfad3a0c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/quest-ce-que-ctrl-alt-del/">Qu'est-ce que Ctrl-Alt-Del?</a></h3> <div class="amp-related-meta"> Les fenêtres </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/reinitialiser-ce-pc-une-procedure-pas-a-pas-complete/"> <amp-img src="https://exti.especira.com/picture/6f35d95cff583be1-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/reinitialiser-ce-pc-une-procedure-pas-a-pas-complete/">Réinitialiser ce PC: une procédure pas à pas complète</a></h3> <div class="amp-related-meta"> Les fenêtres </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/les-8-meilleurs-cadeaux-tech-fitness-a-acheter-en-2018/"> <amp-img src="https://exti.especira.com/picture/c004e81803e93637-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/les-8-meilleurs-cadeaux-tech-fitness-a-acheter-en-2018/">Les 8 meilleurs cadeaux Tech Fitness à acheter en 2018</a></h3> <div class="amp-related-meta"> Guides d'achat </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/anatomie-de-liphone-5/"> <amp-img src="https://exti.especira.com/picture/336548c6782f335f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/anatomie-de-liphone-5/">Anatomie de l'iPhone 5</a></h3> <div class="amp-related-meta"> IPhone et iPod </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid articles</h2> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://especira.com/nvidia-graphics-pour-alimenter-la-playstation-3-ps3/">NVIDIA Graphics pour alimenter la PlayStation 3 (PS3)</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/mediacom-choisit-tivo-pour-une-solution-globale/"> <amp-img src="https://exti.especira.com/picture/8a47fc7f10d83420-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/mediacom-choisit-tivo-pour-une-solution-globale/">Mediacom choisit TiVo pour une solution globale</a></h3> <div class="amp-related-meta"> Nouveau et prochain </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/transfert-mac-vers-mac-deplacez-vos-donnees-mac-importantes/"> <amp-img src="https://exti.especira.com/picture/14557bfa4c42319f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/transfert-mac-vers-mac-deplacez-vos-donnees-mac-importantes/">Transfert Mac vers Mac - Déplacez vos données Mac importantes</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/comment-activer-airplay-pour-iphone/"> <amp-img src="https://exti.especira.com/picture/8f87c6c64d8932aa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/comment-activer-airplay-pour-iphone/">Comment activer AirPlay pour iPhone</a></h3> <div class="amp-related-meta"> IPhone et iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/comment-ecouter-des-podcasts/"> <amp-img src="https://exti.especira.com/picture/5903643a2bca4f45-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/comment-ecouter-des-podcasts/">Comment écouter des podcasts</a></h3> <div class="amp-related-meta"> Recherche Internet </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/le-meilleur-et-le-pire-des-clients-de-messagerie-linux/"> <amp-img src="https://exti.especira.com/picture/7c6ac8b823633264-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/le-meilleur-et-le-pire-des-clients-de-messagerie-linux/">Le meilleur et le pire des clients de messagerie Linux</a></h3> <div class="amp-related-meta"> Linux </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/comment-utiliser-vue-depuis-playstation/"> <amp-img src="https://exti.especira.com/picture/f4a2685fee1e32e4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/comment-utiliser-vue-depuis-playstation/">Comment utiliser Vue depuis PlayStation</a></h3> <div class="amp-related-meta"> </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/windows-7-pilotes/"> <amp-img src="https://exti.especira.com/picture/dda61b682a3f3217-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/windows-7-pilotes/">Windows 7 Pilotes</a></h3> <div class="amp-related-meta"> Les fenêtres </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/quand-une-imprimante-a-150-peut-vous-couter-des-milliers/"> <amp-img src="https://exti.especira.com/picture/4116c5527a953203-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/quand-une-imprimante-a-150-peut-vous-couter-des-milliers/">Quand une imprimante à 150 $ peut vous coûter des milliers</a></h3> <div class="amp-related-meta"> Guides d'achat </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/examen-du-produit-systeme-de-camera-de-securite-modulaire-flir-fx/"> <amp-img src="https://exti.especira.com/picture/3b047d533624359d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/examen-du-produit-systeme-de-camera-de-securite-modulaire-flir-fx/">Examen du produit: Système de caméra de sécurité modulaire FLIR FX</a></h3> <div class="amp-related-meta"> Recherche Internet </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/transformez-votre-clavier-mac-en-un-garageband-piano/"> <amp-img src="https://exti.especira.com/picture/7744cabbd1cc32dc-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/transformez-votre-clavier-mac-en-un-garageband-piano/">Transformez votre clavier Mac en un GarageBand Piano</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/vulnerability-scanning-avec-nessus/"> <amp-img src="https://exti.especira.com/picture/de218cd5e99d33bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/vulnerability-scanning-avec-nessus/">Vulnerability Scanning avec Nessus</a></h3> <div class="amp-related-meta"> Recherche Internet </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/call-of-duty-black-ops/"> <amp-img src="https://exti.especira.com/picture/10c20d91decb3965-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/call-of-duty-black-ops/">Call of Duty Black Ops</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/dieu-de-la-guerre-iii-remastered-ps4-review/"> <amp-img src="https://exti.especira.com/picture/4dadcdfcd60638ad-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/dieu-de-la-guerre-iii-remastered-ps4-review/">Dieu de la guerre III Remastered PS4 Review</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/comment-reparer-les-erreurs-de-code-28/"> <amp-img src="https://exti.especira.com/picture/21362cfe8988305b-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/comment-reparer-les-erreurs-de-code-28/">Comment réparer les erreurs de Code 28</a></h3> <div class="amp-related-meta"> Les fenêtres </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/solutions-aux-problemes-avec-les-sims-3-cheat-codes/"> <amp-img src="https://exti.especira.com/picture/4c7c8c4a7abb3223-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/solutions-aux-problemes-avec-les-sims-3-cheat-codes/">Solutions aux problèmes avec les Sims 3 Cheat Codes</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/utilisation-de-markdown-dans-le-courrier-electronique-pour-envoyer-des-messages-texte-brut/"> <amp-img src="https://exti.especira.com/picture/a6b110c6904c32aa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/utilisation-de-markdown-dans-le-courrier-electronique-pour-envoyer-des-messages-texte-brut/">Utilisation de Markdown dans le courrier électronique pour envoyer des messages texte brut</a></h3> <div class="amp-related-meta"> Email et messagerie </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/resolution-des-problemes-de-connexion-usb-avec-les-lecteurs-mp3/"> <amp-img src="https://exti.especira.com/picture/0df2494b34ff33a3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/resolution-des-problemes-de-connexion-usb-avec-les-lecteurs-mp3/">Résolution des problèmes de connexion USB avec les lecteurs MP3</a></h3> <div class="amp-related-meta"> Recherche Internet </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/messages-derreur-de-lappareil-photo-nikon-dslr/"> <amp-img src="https://exti.especira.com/picture/8765d96c6f3c32df-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/messages-derreur-de-lappareil-photo-nikon-dslr/">Messages d'erreur de l'appareil photo Nikon DSLR</a></h3> <div class="amp-related-meta"> Caméras digitales </div> </div> </div> <div class="amp-related-content"> <a href="https://especira.com/warcraft-3-the-frozen-throne-la-configuration-du-systeme-requise/"> <amp-img src="https://exti.especira.com/picture/70b4390106a73356-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://especira.com/warcraft-3-the-frozen-throne-la-configuration-du-systeme-requise/">Warcraft 3 The Frozen Throne: la configuration du système requise</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2020 especira.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022994/0/8b5479fe/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.231 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 06:06:46 --> <!-- 0.001 -->