Qu'est-ce qu'une balise dans HTML? Donnez des exemples de balises HTML communes.

Qu'est-ce qu'une balise dans HTML? Donnez des exemples de balises HTML communes.

Dans HTML, une balise est une construction de balisage utilisée pour définir et délimiter différentes parties du contenu pour le navigateur Web afin de structurer et de coiffer correctement une page Web. Les balises sont les éléments constitutifs de HTML et sont enfermés dans des supports d'angle, tels que <tagname></tagname> . Ils viennent souvent par paires avec une balise d'ouverture et une balise de clôture, bien que certaines balises puissent être auto-fermes.

Voici quelques exemples de balises HTML courantes:

<li> : définit la racine d'un document HTML. <li> : Contient des métadonnées / informations pour le document. <li> <title></title> : Spécifie un titre pour le document, qui est affiché dans la barre de titre du navigateur ou l'onglet de la page. <li> : définit le corps du document, qui contient tout le contenu d'un document HTML, tel que du texte, des images, des liens, etc. <li> <h1></h1> à <h6></h6> : définit les titres HTML, où <h1></h1> est le niveau le plus élevé (ou le plus important) et <h6></h6> est le moins important. <li> <p></p> : définit un paragraphe. <li> <a></a> : définit un hyperlien, qui est utilisé pour lier une page à une autre. <li> <img alt="Qu'est-ce qu'une balise dans HTML? Donnez des exemples de balises HTML communes." > : Intrège une image dans le document. <li> <div> : définit une division ou une section dans un document HTML.<li> <code><span></span> : un conteneur en ligne utilisé à des fins de style ou pour regrouper les éléments en ligne.

Comment les balises HTML affectent-elles la structure et l'apparence d'une page Web?

Les balises HTML influencent considérablement à la fois la structure et l'apparence d'une page Web. Voici comment ils le font:

Structure:

<li> Structure sémantique : des balises comme <header></header> , <nav></nav> , <section></section> , <article></article> et <footer></footer> aident à définir la structure du contenu de manière significative, améliorant la lisibilité et l'accessibilité. Les moteurs de recherche utilisent également ces balises sémantiques pour mieux comprendre la structure du document. <li> Hiérarchie et organisation : des balises telles que <h1></h1> à <h6></h6> établissent une hiérarchie de titres, tandis que <ul></ul> , <ol></ol> > et <li> créent des listes qui organisent le contenu en puces ou séquences numérotées. <li> Division et coupe : des balises comme <div> et <code><span></span> peuvent être utilisées pour diviser la page en sections, ce qui est crucial pour la gestion de la disposition.

Apparence:

<li> Styling par défaut : de nombreuses balises HTML sont livrées avec le style par défaut des agents utilisateur (navigateurs), par exemple, <h1></h1> est plus grand que <h2></h2> , et <strong></strong> rend le texte en gras. <li> Fiches de style en cascade (CSS) : les balises HTML peuvent être stylisées à l'aide de CSS pour modifier leur apparence. Par exemple, vous pouvez modifier la couleur, la police, la taille et d'autres propriétés du texte dans une balise <p></p> à l'aide des règles CSS. <li> Styling en ligne : les balises HTML peuvent également inclure le style CSS en ligne via des attributs, tels que <p style="color:red;"></p> qui rendrait le texte du paragraphe rouge.

En manipulant ces balises et leurs styles associés, les développeurs Web peuvent créer des pages Web visuellement attrayantes et structurellement sonores.

Pouvez-vous expliquer la différence entre les balises d'ouverture et de fermeture dans HTML?

Dans HTML, les balises sont utilisées par paires pour encapsuler un morceau de contenu, et chaque paire se compose d'une balise d'ouverture et d'une balise de clôture. Voici l'explication de la différence entre les deux:

<li> Étiquette d'ouverture : il s'agit de la première partie de la paire de balises et est utilisée pour indiquer le début d'un élément. La balise d'ouverture inclut le nom de l'élément dans les supports d'angle, tels que <p></p> pour un élément de paragraphe. La balise d'ouverture peut également inclure des attributs qui fournissent des informations ou des propriétés supplémentaires sur l'élément, tels que <a href="https://example.com"></a> . <li> Tag de fermeture : il s'agit de la deuxième partie de la paire de balises et est utilisée pour indiquer la fin d'un élément. La balise de clôture est similaire à la balise d'ouverture mais comprend une barre oblique avant le nom de l'élément, tel que pour la fin d'un élément de paragraphe. La balise de clôture n'inclut pas les attributs.

Par exemple, dans l'extrait de code <p>This is a paragraph.</p> , <p></p> est la balise d'ouverture, et

est la balise de clôture. Le texte "Ceci est un paragraphe". est le contenu de l'élément de paragraphe.

Quelles sont les balises d'auto-fermeture en HTML et quand devraient-elles être utilisées?

Les balises d'auto-fermeture sont des balises HTML qui ne nécessitent pas de balise de clôture distincte car elles ne résument aucun contenu. Ils sont utilisés pour insérer des éléments autonomes et complets en eux-mêmes. La syntaxe pour une balise d'auto-fermeture est <tagname></tagname> ou simplement <tagname></tagname> .

Voici quelques balises d'auto-fermeture courantes en HTML:

<li> <br> : insère une pause à ligne unique. <li> <img alt="Qu'est-ce qu'une balise dans HTML? Donnez des exemples de balises HTML communes." > : intégre une image dans le document. Il nécessite un attribut src pour spécifier la source d'image. <li> <input> : définit un champ de saisie dans un formulaire. Différents types d'entrée peuvent être spécifiés à l'aide de l'attribut type (par exemple, texte, mot de passe, case à cocher). <li> <hr> : crée une règle ou une ligne horizontale, souvent utilisée pour séparer les sections de contenu. <li> <meta> : Fournit des métadonnées sur le document HTML, couramment utilisé dans la section pour spécifier des ensembles de caractères, des paramètres de la fenêtre ou des descriptions de pages.

Les balises d'auto-fermeture doivent être utilisées lorsque vous devez insérer un élément qui ne contient aucun contenu. Par exemple, vous utiliseriez <br> pour créer une rupture de ligne dans un paragraphe, ou <img alt="Qu'est-ce qu'une balise dans HTML? Donnez des exemples de balises HTML communes." > pour placer une image sur la page. Ces éléments sont complets avec juste la balise d'ouverture, car ils ne s'enroulent autour de contenu.