Précisez le but des balises. Que sont les balises et attributs HTML, validateur W3C. Structure et règles d'écriture des balises

Une balise est un mot réservé spécial entouré de crochets (par exemple, ). Une balise est le composant principal du HTML : le code commence par elle, il se termine par elle et les informations affichées sur la page Web sont contenues dans les balises. Il est recommandé de les écrire en minuscules, c'est-à-dire en minuscules ordinaires : non, mais.

Quels sont les types de balises ?

La plupart des balises HTML sont appariées : il existe une balise d'ouverture (par exemple, ) et une balise de fermeture, qui se distingue de la balise d'ouverture par une barre oblique (/) après le premier crochet angulaire (par exemple, ). Tout ce qui se trouve à l'intérieur d'une paire de balises est appelé leur contenu.

Contenu Le texte placé à l'intérieur de ces balises devient gras

Il existe également des balises non appariées (simples), appelées balises. Contrairement aux balises appariées, elles n'ont pas besoin d'être fermées, car elles ne fonctionnent pas avec le contenu, mais remplissent elles-mêmes certaines fonctions. Exemple de balise unique -
. Il définit le texte pour qu'il passe à la ligne suivante.

Si nous établissons des parallèles avec la langue russe, nous pouvons dire que les balises appariées sont des guillemets ou des crochets qui affectent les propriétés du texte qu'elles contiennent (essayez de ne pas fermer les guillemets à temps), et les balises simples (marques) sont des signes de ponctuation ( exclamation, question ou point).

Toute balise est composée de :

  • Équerre ouverte (< ).
  • Un mot spécial (nom du tag). Par exemple, hr , iframe , b .
  • Équerre de fermeture (> ).
Balises HTML de base

Puisque les balises constituent la base du langage de balisage, il n’est pas surprenant qu’elles soient nombreuses. Examinons les balises principales et les plus importantes.

  • - une seule balise contenant un commentaire. Un commentaire est un texte qui n'est pas traité par le navigateur. Vous pouvez écrire ce que vous voulez à l'intérieur de la balise, même d'autres balises - elles ne fonctionneront pas, elles n'apparaîtront pas à l'écran. Les développeurs commentent le code soit pour permettre aux autres webmasters de le comprendre plus facilement, soit pour qu'après une longue période, ils puissent le comprendre rapidement eux-mêmes.
  • , , , , sont des balises qui devraient être présentes dans tout document HTML décent (pour plus de détails, voir « Comment créer un site Web dans le Bloc-notes »).
  • - la balise contient des informations auxiliaires pour les navigateurs et les moteurs de recherche. Vous pouvez écrire à l'intérieur mots clés, description de la page, encodage du document, nom de l'auteur, etc.
  • contient un lien vers le fichier de script ou le code lui-même.
  • - une balise qui précise le style du document et/ou de ses éléments avec en utilisant CSS. Un document HTML peut contenir de nombreuses balises qui définissent différents styles différentes parties de la page.
  • - tout le contraire, en le complétant. La balise spécifie « l’en-tête » (titre) d’une section ou de la page entière.
  • stocke les « jambes » d'un site ou d'une section. À l’intérieur, vous pouvez placer des informations complémentaires, des droits d’auteur, des informations de contact, etc.
  • contient le contenu principal de la page. Ni l'en-tête, ni le bloc de menu, ni les « jambes » du site, mais pourquoi la page a été créée. Par exemple, sur la page que vous lisez actuellement, cet article devrait se trouver à l'intérieur.
  • conçu pour créer des liens. Les liens sont la racine de l’hypertexte, c’est pourquoi cet article leur est dédié.
  • nécessaire pour ajouter des images à une page Web (à votre service est dédié à cette action).
  • ,
    , - , , ,

    , , , et d'autres balises de formatage de texte constituent un grand groupe de balises HTML ; elles sont abordées dans l'article « Formatage du texte en HTML ».

  • - élément de bloc. Le texte à l'intérieur est formaté à l'aide de CSS (feuilles de style en cascade, qui font l'objet de la deuxième partie du tutoriel).
  • . Vous avez un paragraphe

    ou bloquer Le texte qu'il contient est formaté en style uniforme, mais vous aimeriez avoir quelques mots dans une taille ou une couleur de police différente sans casser la structure. C'est à de telles situations que la balise est destinée.

  • ,
      ,
    • - liste des balises. Marqué, numéroté - le travail de ces balises. Il existe également des listes de définitions dont les balises sont responsables, mais vous en apprendrez plus sur ces six en détail dans l'article « Création de listes ».
    • , , , sont utilisés lors de la création de tableaux et sont discutés en détail dans un article séparé.
    • - une balise qui ajoute de l'interactivité à une page, c'est-à-dire permettant à l'utilisateur d'interagir avec le site Web. Bien sûr, le formulaire a besoin d'un gestionnaire, mais avec l'aide des balises à l'intérieur, vous pouvez créer une interface. Les cases à cocher, les boutons, les boutons radio, les champs de saisie et autres objets qui nécessitent des actions actives de votre part sont tous des éléments de formulaire dont le code est placé dans un conteneur.
    • - une balise qui crée un bouton interactif. Pour que quelque chose se passe lorsque vous cliquez dessus, le bouton doit être sous la forme (situé entre les balises).
    • crée des éléments de formulaire : commutateurs, cases à cocher, boutons, toutes sortes de champs de saisie. Inséré dans un conteneur. Mais pourquoi en avons-nous besoin s’il en existe un universel ? permet de créer un bouton avec des paramètres avancés. Par exemple, vous pouvez placer une image sur un bouton. Cela ne peut pas être fait sur un élément créé via .
    • et - des balises de création de menu en HTML 5. - il s'agit d'un conteneur à l'intérieur duquel sont placés des éléments dont l'ajout conduit à la création d'éléments de menu. Un couple assez intéressant. Par exemple, avec son aide, vous pouvez créer votre propre menu contextuel pour une page ou son élément individuel.
    • - une autre balise de formulaire qui crée un grand champ dans lequel vous pouvez saisir non seulement une ligne de texte, mais des paragraphes entiers.
    • HTML - langage balisage hypertexte. Il est basé sur ce qu'on appelle des balises. Les balises sont des éléments wrapper qui spécifient le format et les propriétés des éléments de la page Web. Nous avons compilé pour vous une référence à jour des balises HTML sur une seule page.

      Il existe au total plus d’une centaine d’éléments de balisage. Chacun possède un certain nombre d’attributs et sa propre syntaxe. La référence des balises HTML vous aidera à trouver rapidement l'élément dont vous avez besoin.

      Liste des balises HTML

      Le tableau ci-dessous présente une liste de balises HTML5 avec une brève description en russe.

      , Et
      Étiqueter Brève description
      Un commentaire.
      Définit le type de document.
      Lien, hyperlien, ancre.
      Définit le texte comme une abréviation.
      Coordonnées de l'auteur ou du propriétaire du document.
      Définit une zone sur une image cliquable
      Article
      Contenu mis à part (le contenu n'est pas le contenu principal de la page)
      Vous permet d'insérer un fichier audio en cours de lecture.
      Texte en gras.
      Spécifie l'URL de base ou l'attribut cible pour les liens relatifs dans le document.
      Un domaine où l’écriture d’un texte peut prendre une direction différente.
      Définit la direction d’écriture du texte. Contrairement à la direction, la direction physique est indiquée
      Citation.
      Spécifie la zone du corps du document.

      Saut de ligne.
      Bouton cliquable
      Utilisé pour dessiner des graphiques à l'aide de scripts
      Signature du tableau.
      Note de bas de page au titre du document.
      Utilisé pour insérer du code informatique sous forme de texte.
      Spécifie les caractéristiques des colonnes du tableau.
      Définit un groupe d'une ou plusieurs colonnes de tableau à formater.
      Utilisé pour définir des options prédéfinies parmi lesquelles choisir lorsque vous tapez dans un champ de texte
      Définit la description d'un terme à partir d'une balise dans une liste de termes
      Texte qui a été supprimé dans la nouvelle version du document.
      Définit des informations supplémentaires que l'utilisateur peut afficher ou masquer
      Indique que le contenu est un terme.
      Définit une boîte de dialogue ou un élément interactif
      Un élément de bloc est l'un des principaux éléments de mise en page.
      Définit une liste de définitions
      Nom du terme dans la liste des définitions
      texte surligné pour sa signification (généralement texte en italique).
      Conteneur pour application externe
      Groupe d'éléments liés dans un formulaire
      Titre de l'élément
      Définit un groupe autonome de plusieurs éléments (par exemple, une image avec une légende)
      bas de page
      Définit un formulaire de saisie utilisateur
      - En-têtes HTML de différents niveaux : , , , , , .
      Spécifie la zone d'en-tête du document.
      Bloc d'en-tête
      La ligne horizontale est un séparateur thématique.
      Élément racine. Indique au navigateur que le document donné est un document HTML.
      Texte en italique.
      Définit un cadre en ligne
      Image, image.
      Champ de saisie
      Texte qui a été ajouté à la nouvelle version du document.
      Texte saisi à partir du clavier ou noms des boutons du clavier. Généralement en police monospace.
      Libellé du champ de saisie. Indique la liaison d'un élément (généralement du texte) à un champ de saisie.
      En-tête d'élément
    • Élément de liste
      Définit une liaison de ressource externe (le plus souvent une liaison de feuille de style CSS)
      Contenu principal
      Conteneur pour . Définit une carte personnalisée sur une image
      Texte sélectionné (généralement en utilisant la surbrillance de l'arrière-plan).
      Conteneur pour une liste d'éléments de menu
      Définit les éléments que l'utilisateur peut appeler à partir du menu contextuel
      Utilisé pour définir les métadonnées du document.
      Compteur de valeurs dans une plage donnée
      Conteneur pour les éléments de navigation
      Contenu alternatif pour les utilisateurs ayant désactivé les scripts
      Définit un objet intégré
      Définit une liste numérotée
      Définit un groupe d'options associées dans une liste déroulante. Donne le nom au groupe
      Paramètre (option de choix) dans la liste déroulante
      Résultat du calcul

      Paragraphe.
      Définit les options pour les objets intégrés
      Conteneur pour plusieurs images
      Texte préformaté.
      Barre de progression
      Citation dans le texte.
      Texte alternatif si le navigateur ne prend pas en charge le .
      Annotation pour le contenu de la balise.
      Conteneur pour les symboles et leur décodage (principalement pour les symboles d'Asie de l'Est, les hiéroglyphes).
      Texte barré.
      Texte résultant d'un programme informatique (généralement en police monospace).
      Définit un script ou une connexion de script à partir d'une ressource externe.
      Chapitre
      Définit une liste déroulante
      Texte dans une taille de police plus petite.
      Définit une ressource pour , et .
      Élément en ligne.
      Texte mis en valeur par son sens. Généralement affiché en gras.
      Définit un conteneur pour définir les styles de document
      Affiche le texte sous forme d'indice.
      Se diriger à l'intérieur d'une balise
      Affiche le texte en exposant.
      Définit une table.
      Définit une zone de contenu dans un tableau.
      Cellule dans le tableau .
      Champ de saisie multiligne
      Définit un groupe de lignes en bas d'un tableau - bas de page. Plus de détails
      Un endroit où un saut de ligne est autorisé.
      Balises HTML héritées

      Comment remplacer la balise HTML obsolète ? Dans la plupart des cas, les feuilles de style en cascade CSS feront l'affaire. Il existe également des alternatives aux balises non utilisées dans la nouvelle spécification HTML. Le tableau ci-dessous présente les balises HTML obsolètes avec des options pour les remplacer.

      Balise Brève description
      Acronyme. Utilisez plutôt une balise
      Applet intégré. Utilisez ou à la place.
      Spécifie la couleur, la taille et la famille de polices de tout le texte du document. Utilisez-le à la place
      Texte plus grand. Utilisez-le à la place
      Texte centré. Utilisez-le à la place
      Liste des répertoires. Utiliser
        au lieu de lui
      Spécifie la couleur, la taille et la famille de la police. Utilisez-le à la place
      Cadre à l'intérieur. Utilisez-le à la place
      Définit un jeu de cadres. Pour ajouter plusieurs cadres en ligne, utilisez plusieurs éléments
      Texte alternatif si les frames ne sont pas pris en charge
      Texte barré. Utiliser ou à la place
      Texte monospace. Utilisez-le à la place
      Texte souligné. Utilisez-le à la place

      Bonjour, chers lecteurs du site blog. En fait, ce terme a plusieurs significations qui ne s’articulent pas de manière particulière. Je vais essayer de parler de chacun d'eux dans cette publication.

      Vous apprendrez ce que sont les balises HTML et en quoi elles diffèrent des balises méta, et vous apprendrez également comment les balises sont utilisées comme balises sur les sites (leur variété est grande), et enfin, nous examinerons de manière générale les balises musicales dans les fichiers audio. C'est à quel point ce terme devient multiforme.

      Mais dans tous les cas, le mot « tags » signifie baliser soit une page web à l'aide de code HTML, soit l'ensemble du site à l'aide de tags, soit votre collection musicale en indiquant l'album et la chanson.

      Que sont les balises sur un site Web (balises pour créer la navigation)

      Commençons simplement. Vous avez probablement tous vu que sous certains articles sur des sites Web, il y a un champ appelé balises ou tags, où sont répertoriés certains mots. Pourquoi cela est-il fait ? De manière générale, pour faciliter la navigation sur ce site ().

      Des mots-clés sont utilisés comme balises, dont un ensemble caractérise brièvement la publication (par exemple, pour la page principale de mon blog, l'ensemble de balises suivant conviendrait : création de site Web ; promotion ; promotion de site Web ; revenus).

      Avec l'aide de ces mots, il sera possible de déterminer clairement de quoi parlait cet article. Mais leur valeur principale n'est pas celle-ci, mais le fait qu'un visiteur puisse cliquer sur n'importe quelle balise et voir une liste de tous les articles du site dans lequel elle est apparue. Il s’agit essentiellement d’un outil puissant pour classer les informations.

      Afin de ne pas rechercher les balises nécessaires sous les articles, les propriétaires de sites Web créent très souvent ce qu'on appelle un nuage de balises, qui peut être placé dans la colonne de gauche ou de droite du site ou dans son pied de page (en bas). Cette honte en pratique peut ressembler à ceci :

      Il répertorie généralement les balises les plus populaires et vous pouvez visualiser toutes les balises en cliquant sur le lien correspondant. Parfois, les balises les plus fréquemment utilisées (elles apparaissent dans davantage d'articles sur ce site) sont affichées dans une police plus grande, et les balises moins fréquemment utilisées dans une police plus petite.

      Parfois, une page distincte est créée pour les afficher, comme le montre la capture d'écran précédente.

      Pourquoi cette méthode de marquage n’est-elle pas utilisée sur tous les sites Web si elle convient aux utilisateurs ? Ils ne sont pas non plus sur mon blog, pour lequel il existe de nombreuses explications. Bien que leur utilisation soit prévue par défaut, il existe également de nombreux plugins permettant de travailler avec des balises.

      Oui, les balises fonctionnent très bien lorsque vous avez peu d’articles et que vous vous souvenez bien de toutes les balises que vous avez déjà créées et utilisées dans d’autres articles. Mais avec l'augmentation du nombre de matériaux, le nombre de balises augmente fortement : elles commencent à être partiellement dupliquées lorsque des mots-clés de sens proche sont utilisés.

      Il en résulte un énorme gâchis dont l'intérêt en termes d'amélioration de la navigation est, à mon avis, plutôt douteux. A cet effet, sur un grand projet web, il est préférable d'utiliser la recherche sur site. Bien que les balises fonctionnent bien dans les réseaux sociaux, vous pouvez les utiliser pour combiner les informations de différents utilisateurs et les afficher en un seul endroit. .

      Que sont les balises HTML ?

      J’ai décidé de les étudier pour la première fois il y a quinze ans, mais je n’ai alors pas progressé au-delà de l’étiquette Titre. Ensuite, je suis tombé sur un cours vidéo gratuit d'Evgeniy Popov sur HTML et tout s'est bien passé. Bien entendu, ce cours n’était qu’une première étape, mais c’est précisément cette présentation simple qui manque souvent aux débutants.

      Ces leçons couvrent les balises de base, avec lesquelles vous pouvez ensuite facilement créer des tableaux, insérer des images et des hyperliens dans le texte, ajouter divers formulaires au site et bien plus encore. Un total de 33 vidéos gratuites sur des sujets HTML.

      Mais le cours vidéo est un cours vidéo, et je dois vous intéresser pour que vous le téléchargiez et le regardiez. D'après les phrases générales, il n'est pas clair ce que sont les balises dans le langage HTML et pourquoi vous devez les étudier. Oh, c'est une chose simple et géniale qui vous permettra de devenir le maître de votre propre site Web. Pourquoi avez-vous besoin d'un site Web ?

      Eh bien, probablement, d'abord pour l'expression de soi et l'effort, et deuxièmement - . Tais-toi, sinon tout le monde entendra et courra pour étudier ce que sont les tags, créer des sites Web et gagner tout ce que vous seul pourriez gagner, et je suis dans l'entreprise. Par conséquent, je continuerai à parler exclusivement à voix basse.

      Internet peut être comparé à la télévision, où vous créez votre propre petit programme (créez un site Web à l'aide de balises) et percevez des revenus publicitaires. Plus votre émission (projet Internet) est populaire, plus vous gagnerez. Il n’y a pas de limite supérieure, mais il n’y a pas non plus de limite inférieure. Mais vous n'avez pas besoin d'investir d'argent, juste votre travail et votre temps passé à étudier les balises, le fonctionnement du moteur et, en fait, à remplir le site de contenu.

      Ainsi, les balises sont les éléments de balisage les plus simples d'une page Web afin que le navigateur, lors de son chargement depuis le serveur, comprenne exactement comment afficher un élément particulier (texte, image, vidéo). Auparavant, le langage HTML était seul responsable de toute cette affaire, mais ensuite ils sont venus à son aide et cela est devenu beaucoup plus facile pour lui. Popov propose également un cours vidéo gratuit sur eux, qui peut être téléchargé à partir d'ici.

      Les gars, lorsque vous maîtriserez les balises HTML, vous comprendrez que c'était aussi simple que d'éplucher des poires. Le plus important est de commencer et de se stimuler d’une manière ou d’une autre. Je ne vous parle pas seulement du côté financier. Le site peut devenir votre principale source de revenus et toute la famille peut s'en nourrir. Il faut de la chance, de la persévérance et ne pas avoir peur d’essayer de nouvelles choses.

      Il existe différentes balises, mais elles ne sont pas nombreuses (parmi celles qui sont restées pertinentes après l'implémentation du CSS). Regardez comme c'est simple. Disons que vous souhaitez créer un paragraphe - vous entourez simplement le texte du futur paragraphe avec les balises d'ouverture et de fermeture P (c'est une lettre latine et dans le code il vaut mieux l'écrire en petit, mais ici je l'ai mis en majuscule pour clarté). Voici à quoi cela ressemblera :

      Texte texte...... texte texte

      Comprenez-vous la différence entre la balise HTML d'ouverture (au début) et la balise de fermeture (à la fin) ? Eh bien, bien sûr, je viens d’ajouter une barre oblique après le crochet triangulaire.

      Oh, j'ai oublié de dire Selon quels critères le navigateur sépare-t-il les balises ?(balisage) du contenu principal. L'avez-vous deviné vous-même ?

      C'est vrai, ce sont des parenthèses triangulaires dans lesquelles nous les enfermons. Le navigateur a vu une telle parenthèse lors de l'analyse du code d'une page Web et s'est rendu compte qu'il s'agissait d'une balise, et traite tout ce qu'elle contient selon un certain algorithme (rend les paragraphes espacés en hauteur, augmente la police des titres, etc.) .

      Si vous devez utiliser un crochet triangulaire ouvrant dans votre texte, assurez-vous de le faire afin que le navigateur vous comprenne correctement. Il faut s'en souvenir.

      Dans le code, ils peuvent ressembler, par exemple, à ceci :

      En effet, ils contiennent la description et les mots-clés de la page web pour laquelle ils sont inscrits. Apprenez-en davantage à leur sujet dans l’article juste au-dessus.

      Les balises méta sont écrites dans le code de la page Web à un endroit strictement défini. Savez-vous lequel ? C'est vrai, dans ce qu'on appelle « l'en-tête » du document, qui se compose des balises HEAD d'ouverture et de fermeture.

      Tout ce qui est écrit à l'intérieur (y compris les balises META) ne sera pas affiché sur la page Web. Il s’agit d’informations strictement exclusives. La description et les mots-clés ci-dessus informent les moteurs de recherche du contenu d'une page Web donnée et de la balise méta ci-dessous.

      Que sont les balises musicales dans les fichiers audio ?

      Lorsque vous écoutiez de la musique dans la voiture ou sur votre lecteur (téléphone), vous avez probablement remarqué plus d'une fois qu'un charabia effrayant était affiché à la place du titre du morceau et du nom de l'auteur-interprète. On pourrait supposer que les noms des fichiers musicaux téléchargés sont écrits dans un mauvais codage en langue russe.

      Si vous renommez des fichiers en utilisant , vous verrez toujours une image désagréable sur votre lecteur. Ce qu'il faut faire? Et qui est responsable de cette situation ? Curieusement, la raison réside dans des balises incorrectes dans ce fichier musical.

      Ils sont cousus directement dans le fichier audio (à son début ou à sa fin) et peuvent contenir des informations sur la composition, son auteur, l'album, la durée de la piste et autre chose de moins important. Dans les dernières incarnations des tags musicaux, même des images de pochettes de CD peuvent y être cousues (généralement un fléau).

      Mais le problème ne se pose généralement pas dans leur disponibilité, mais dans la possibilité de les éditer. Il arrive un moment dans la vie de tout mélomane qui se respecte où il est « prêt à déchirer et à jeter », histoire de mettre de l'ordre dans sa collection et d'ajouter des tags corrects à toutes les pistes lisibles sur n'importe quel appareil. Comment faire?

      Utilisation d'un logiciel spécial. Les tags eux-mêmes sont apparus pour la première fois dans les fichiers audio à la fin du siècle dernier. Pour les fichiers MP3, la norme pour les ajouter s'appelait ID3, et pour les fichiers musicaux compressés sans perte de qualité (tels que FLAC, etc.), la norme pour l'ajout de balises (métadonnées) s'appelait commentaire Vorbis.

      Pour la musique enregistrée au format Windows WMA, il existe des métadonnées WM, et pour Apple MP4, il existe des métadonnées iTunes (d'ailleurs, j'ai récemment écrit à ce sujet).

      Ainsi, vous pouvez modifier les balises en utilisant programmes spéciaux. Le plus populaire d’entre eux est probablement Mp3tag (site officiel, mais attention lors du téléchargement : ne cliquez pas accidentellement sur une annonce qui propose de télécharger quelque chose de complètement différent). Je pense que vous trouverez vous-même tous les autres programmes, d'autant plus que celui-ci sera tout à fait suffisant pour accomplir cette tâche.

      C'est ainsi que se sont révélées diverses les balises qui, dans tous ces cas, remplissaient leur rôle principal - le balisage (des articles sur un site, du contenu d'une page Web ou des métadonnées dans fichiers musicaux). J'espère que maintenant vous avez moins de questions sur ce sujet.

      Bonne chance à toi! A bientôt sur les pages du site blog

      Vous pouvez regarder plus de vidéos en allant sur ");">

      Vous pourriez être intéressé

      Tags pour Instagram - pourquoi ils sont nécessaires et où voir les plus populaires
      Hashtags - que sont-ils et comment les hashtags sont utilisés sur Twitter, Instagram et d'autres endroits Comment ajouter automatiquement Attribut Alt V Balises img votre blog WordPress (là où ils n’existent pas)
      Lien - qu'est-ce que c'est et comment le créer
      Radikal - hébergement de photos gratuit avec téléchargement de photos rapide et facile via Radikal.ru

      En HTML, tout ce que vous écrivez dans un document HTML sera affiché sur l'écran du navigateur sous forme de texte solide, c'est-à-dire que le navigateur ignore les sauts de ligne et que plusieurs espaces que vous tapez dans une rangée sont remplacés par un.

      Les balises sont des commandes de contrôle inventées pour formater du texte, c'est-à-dire les balises indiquent au navigateur exactement comment afficher la partie de texte incluse dans les balises. Pour créer une balise, vous saisissez du code HTML entre les crochets angulaires, destiné uniquement aux navigateurs. Les visiteurs du site ne voient pas les balises.

      Comme indiqué ci-dessus, toutes les balises commencent par un crochet angulaire.< и заканчиваются угловой скобкой >. Le crochet angulaire ouvrant est suivi du nom de la balise (commande).

      Par exemple, une balise est destinée à mettre en valeur du texte ; les navigateurs affichent ce texte en italique. Lorsque le navigateur rencontre cette balise, il passe au formatage du texte suivant la balise en italique.

      Regardons un exemple :

      Ce texte est normal. Ce texte est en italique.

      La balise est appelée balise de début ou d'ouverture, ce qui signifie que le navigateur a inclus une commande spécifique (dans ce cas, en l'écrivant en italique). La plupart des balises ont une paire sous la forme d'une balise de fermeture qui désactive la commande.

      La balise de fermeture ressemble à la balise de début, mais commence par une barre oblique. Ainsi, la balise de fin pour l'italique est .

      Regardons un exemple :

      Ce texte est normal. Attention! Italique. C'est encore une fois une police normale.

      Comme vous l'avez peut-être remarqué, le navigateur analyse séquentiellement le document HTML à la recherche de commandes (balises) et applique ou désactive diverses options de formatage du texte. Le navigateur affiche du texte formaté (tout ce qui n'est pas une balise) dans sa fenêtre.

      Le processus d'insertion de balises dans du texte brut et non formaté est appelé balisage dans un document HTML, et les balises sont appelées caractères de balisage. Lors de l'écriture des tags, la casse des lettres n'est pas prise en compte ; le tag peut être écrit aussi bien en minuscule qu'en en majuscule, mais il est toujours recommandé d'utiliser des majuscules.

      Vous trouverez ci-dessous des exemples de balises HTML de base, avec une explication de leur utilisation, ainsi que des exemples de la manière dont elles peuvent être utilisées dans un document HTML.

      Rubriques

      Il existe une balise spéciale pour spécifier les titres en HTML. Il existe 6 niveaux de titres en HTML, allant de ceux pour les annonces les plus importantes à ceux pour les moins importantes.

      Les balises HTML sont la base Langage HTML. Les balises sont utilisées pour délimiter le début et la fin des éléments dans le balisage.

      Chaque document HTML se compose d'une arborescence d'éléments HTML et de texte. Chaque élément HTML est identifié par une balise de début (ouverture) et de fin (fermeture). Les balises d'ouverture et de fermeture contiennent le nom de la balise.

      Tous les éléments HTML sont divisés en cinq types :

      • éléments vides - , ,
        , , , , , ,
      Utilisé pour le stockage Informations Complémentairesà propos de la page. Les navigateurs utilisent ces informations pour traiter la page, et moteurs de recherche- pour son indexation. Il peut y avoir plusieurs balises dans un bloc, car selon les attributs utilisés elles portent des informations différentes.
      Indicateur de mesure dans une plage donnée.
      Une section d'un document contenant des liens de navigation pour le site.
      Définit une section qui ne prend pas en charge les scripts.
      Conteneur pour intégrer du multimédia (par exemple audio, vidéo, applets Java, ActiveX, PDF et Flash). Vous pouvez également insérer une autre page Web dans le document HTML actuel. La balise sert à transmettre les paramètres du plugin.
      Liste numérotée ordonnée. La numérotation peut être numérique ou alphabétique.
      Un conteneur avec un titre pour un groupe d'éléments.
      Spécifie une option/une option à sélectionner dans la liste déroulante , ou .
      Champ d'affichage du résultat d'un calcul calculé à l'aide du script.

      Paragraphes dans le texte.
      Définit les paramètres des plugins intégrés à l'aide de l'élément.
      Un élément conteneur contenant un élément et zéro ou plusieurs éléments. En soi, il n'affiche rien. Permet au navigateur de sélectionner l'image la plus appropriée.
      Produit du texte sans formatage, en préservant les espaces et les sauts de texte. Peut être utilisé pour afficher du code informatique, des messages E-mail etc.
      Un indicateur de l’achèvement d’une tâche de toute nature.
      Définit une courte citation.
      Conteneur pour les symboles d'Asie de l'Est et leur décodage.
      Définit le texte imbriqué à l'intérieur comme composant de base annotations.
      Ajoute brève description au-dessus ou en dessous des caractères contenus dans l'élément, affichés dans une police plus petite.
      Marque le texte incorporé comme annotation supplémentaire.
      Affiche un texte alternatif si le navigateur ne prend pas en charge l'élément.
      Affiche le texte qui n'est pas à jour avec un barré.
      Utilisé pour afficher le texte représentant le résultat de l'exécution code de programme ou un script, ainsi que messages système. Affiché en police monospace.
      Utilisé pour définir un script côté client (généralement JavaScript). Contient soit du texte de script, soit pointe vers fichier externe script utilisant l'attribut src.
      Définit une zone logique (section) d'une page, généralement avec un en-tête.
      Un élément de contrôle qui vous permet de sélectionner des valeurs dans un ensemble proposé. Les valeurs des variantes sont placées dans .
      Affiche le texte dans une taille de police plus petite.
      Spécifie l'emplacement et le type de ressources multimédia alternatives pour le , , .
      Conteneur pour les éléments en ligne. Peut être utilisé pour formater des passages de texte, par exemple pour mettre en évidence des mots individuels avec de la couleur.
      Met l'accent sur le texte, en le mettant en gras.
      Comprend des feuilles de style intégrables.
      Spécifie l'écriture en indice des symboles, par exemple l'index des éléments dans les formules chimiques.
      Crée un titre visible pour la balise. Affiché avec un triangle rempli, cliquer dessus permet de visualiser les détails du titre.
      Spécifie l'orthographe en exposant des caractères.


      Balise pour créer un tableau.
      Définit le corps du tableau.
      Crée une cellule de tableau.
      Utilisé pour déclarer des fragments de code HTML pouvant être clonés et insérés dans un document par un script. Le contenu d’une balise n’en est pas un enfant.
      Crée de grands champs de saisie de texte.
      Définit le pied de page du tableau.
      Crée un titre de cellule de tableau.
      Définit le titre du tableau.
      Définit la date/heure.
      Le titre d'un document HTML qui apparaît en haut de la barre de titre du navigateur. Peut également apparaître dans les résultats de recherche, cela doit donc être pris en compte lors de la fourniture d'un titre.
      Crée une ligne de tableau.
      Ajoute des sous-titres pour les éléments et .
      Met en surbrillance un passage de texte en le soulignant, sans emphase supplémentaire.
      Crée une liste à puces.
      Met en évidence les variables des programmes en les affichant en italique.
      Ajoute des fichiers vidéo à la page. Prend en charge 3 formats vidéo : MP4, WebM, Ogg.
      Indique au navigateur lieu possible briser une longue file d'attente.