2.1 Présentation des balises
HTML-documentsLe balisage est basé sur les balises . Qu'est-ce qu'une balise ?
Les balises ont été inventées dans les années 70 afin que les gens puissent ajouter des informations de service aux documents pour les programmes qui traitent ces documents.
Tag- il s'agit d'un mot clé (fonctionnel), le plus souvent en anglais, qui a été encadré entre crochets (plus et moins de caractères) afin que les programmes ne confondent pas les balises et les mots usuels en anglais.
L'étiquette peut également contenir diverses informations de service qui peuvent être utiles au programme qui traite le document.
Exemple de texte avec une balise :
<a href="http://codegym.cc/about">
Link to something interesting
</a>Dans cet exemple, nous voyons le texte, la balise "a", ainsi que les informations de service - les attributs de la balise. Ci-dessous, vous en apprendrez plus à leur sujet.
2.2 Types de balises : balise ouvrante, fermante, balise vide
Les balises sont de différents types. Premièrement, ils sont simples et doubles. Les balises appariées sont les plus courantes . Et comme vous l'avez probablement déjà deviné, ils vont toujours par paires. On les appelle aussi ouverture et fermeture.
La balise d'ouverture est juste un mot-clé entre crochets triangulaires. Exemple:
<h1>La balise de fermeture est similaire à la balise d'ouverture, mais le mot-clé est précédé d'une barre oblique. Exemple:
</h1>La balise d'ouverture peut contenir des informations de service - attributs, celle de fermeture - no . La balise de début est toujours la première d'une paire. La balise de fermeture ne peut PAS figurer en premier dans le texte, puis la balise d'ouverture. Ce HTML-documentne sera pas valide.
Les balises simples n'ont pas de balise fermante. La liste de ces balises est définie par HTML-standard. Exemples de telles balises :
<br>- saut de ligne;<img>- image.
À propos, une balise appariée, si elle ne contient pas d'informations à l'intérieur, peut être écrite sous une forme abrégée . Exemple:
<h1/>Il ne s'agit pas d'une balise unique, mais d'une balise paire vide. C'est comme les balises fermées et ouvertes en même temps. Elle diffère de la balise fermée en ce que la barre oblique se trouve à la fin (avant le deuxième crochet triangulaire).
2.3 Arbre de balises
Et des informations plus importantes sur les balises appariées. Il peut y en avoir plusieurs dans un document et ils peuvent être imbriqués. Qu'est-ce que ça veut dire? Cela signifie que tout texte à l'intérieur HTML-documentpeut être encadré (habillé) avec des balises, même s'il contient d'autres balises. Exemple:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text
</html>En gros, une séquence de balises peut apparaître dans le texte html :
<h1> <h2> </h2> </h1>Mais ça ne peut pas être :
<h1> <h2> </h1> </h2>Si la balise de début <h2>est à l'intérieur d'une <h1>paire -tag, alors sa balise de fin correspondante </h2>doit également être à l'intérieur d'une <h1>paire -tag.
Ainsi, toutes les balises de document forment une sorte d' arbre de balises . Vient d'abord la balise de niveau supérieur qui enveloppe le document entier, généralement appelée <html>, elle a des paires de balises enfants, elles ont les leurs, et ainsi de suite.
En fait, le programme qui traite un document avec des balises le voit exactement comme ça - comme un arbre de balises avec du texte à l'intérieur.
2.4 Attributs
Les informations sur les balises ne seraient pas complètes si nous ne parlions pas des attributs. Les balises uniques et les balises de début de balises appariées peuvent avoir . Ces attributs contiennent des informations utiles sur le contenu de la balise.
Une balise peut contenir plusieurs attributs, et ils ont la forme générale suivante :
<tag name1="value1" name2="value2">Chaque attribut est spécifié sous la forme d'une paire de Nameet meaning. Il peut y avoir n'importe quel nombre d'attributs.
«<»Mais un programmeur expérimenté posera immédiatement la question : que faire si vous avez besoin d'utiliser du texte contenant des caractères ou «>»des guillemets comme valeur d'attribut ?
| Nom du symbole | Symbole | Entrée HTML |
|---|---|---|
| guillemet double | " | " |
| Esperluette | & | & |
| Moins de symbole | < | < |
| Plus de symbole | > | > |
| Espace | ||
| simple citation | ' | ' |