Structure générale d'un document HTML

HTML est un langage de balises.

Étiqueter (descripteur) - code spécial inséré dans le texte pour formater les éléments d'un document HTML. Il s'agit de l'élément de codage de base adopté dans la norme HTML. La balise est entourée de crochets angulaires. Par exemple, une balise de paragraphe est

Et la balise de ligne horizontale est .

Il existe deux types de balises : les conteneurs et les balises uniques.

Récipient. Il s'agit d'une paire de descripteurs composée d'une balise de début (ou d'ouverture) et d'une balise de fin (ou de fermeture). La balise de début a la forme , où TAG est le nom de la balise HTML réelle. La balise de fin ressemble à . Les conteneurs sont conçus pour stocker certaines informations, telles que du texte ou d'autres balises HTML. Par conséquent, entre les balises de début et de fin, le contenu du conteneur est entouré. Par exemple, un élément qui est du texte formaté est placé entre les balises AND.

Poignée vide. Il diffère d’un conteneur dans la mesure où il ne contient aucune information. Il n'a qu'une balise de début. Un handle vide effectue généralement une tâche distincte sans rapport avec un texte spécifique. Par exemple, une balise crée une ligne horizontale.

Élément de document HTML- Ce sont les balises de début et de fin du conteneur ainsi que le contenu placé entre elles. Un élément peut être une image, un morceau de texte, un formulaire, un tableau, une liste, un lien, un champ de texte, un bouton et même le titre du document ou sa partie principale (corps).

Commentaire: HTML n'est pas sensible à la casse. Les balises peuvent être saisies en lettres majuscules et minuscules, c'est-à-dire la commande est équivalente à la commande ou. Toutes les balises ne sont pas prises en charge par tous les navigateurs. Si le navigateur ne prend pas en charge la balise, il l'ignore simplement.

La plus importante des balises HTML est la balise du même nom. Il doit toujours ouvrir le document, tout comme la balise doit être sur sa dernière ligne. Ces balises signifient que les lignes entre elles constituent un seul document HTML. Ceci est important car le document lui-même est un simple fichier texte ASCII. Sans ces balises, un navigateur ou un autre visualiseur est incapable d'identifier le format du document et de l'interpréter correctement.

Le titre du document n’est pas un élément obligatoire, mais un titre bien rédigé peut être très utile. Le but de l'en-tête du document est de fournir des informations au programme qui interprète le document. Les éléments situés à l'intérieur de la section HEAD (à l'exception du titre du document, qui est écrit dans la section TITLE) ne sont pas visibles à l'écran. Les éléments contenus dans la section HEAD d'un document sont nécessaires pour :

Donnez un titre au document

Définir les relations entre plusieurs documents

Demander au navigateur de créer un formulaire de recherche

Définir une méthode pour envoyer des messages spéciaux à un navigateur spécifique ou à un autre programme de navigation

La section HEAD s'ouvre avec la balise. Généralement, cette balise vient immédiatement après le . La balise fermante indique la fin de cette section. Entre les balises mentionnées se trouvent les balises restantes de la section d’en-tête du document.

La section TITRE est le seul élément obligatoire du titre du document et sert à donner un titre au document. Il est généralement affiché dans la barre de titre de la fenêtre du navigateur. Le contenu de la section TITRE ne doit pas être confondu avec le nom du fichier du document. Il s'agit d'une chaîne de texte totalement indépendante du nom et de l'emplacement du fichier. Le nom du fichier est strictement déterminé par le système d'exploitation de l'ordinateur sur lequel il est stocké.

Le nom du document est écrit entre les balises et et est une chaîne de texte. Vous ne devez pas non plus le mettre entre guillemets si vous ne souhaitez pas qu'ils apparaissent à l'écran. Dans la plupart des cas, la section TITLE ne comporte pas plus d’une ligne.

En principe, le nom peut être de n'importe quelle longueur et contenir n'importe quel caractère, à l'exception de certains caractères réservés. En pratique, mieux vaut se limiter à une seule ligne, en gardant à l'esprit que le nom apparaît dans la barre de titre de la fenêtre du navigateur. Vous devez également vous rappeler de ce qui reste du titre du document lorsque vous réduisez la fenêtre du navigateur. Par conséquent, vous devriez essayer de placer les mots les plus importants au début du titre.

Bien qu'il y ait eu une tendance à augmenter le contenu « actif » sur le WWW, la plupart des lecteurs sont toujours intéressés par la partie texte des pages. Par conséquent, qu’un nouveau texte soit rédigé ou qu’un ancien soit converti, le processus de travail sur le corps du document prend un temps considérable.

Avant de commencer à remplir le document de contenu, il est logique de créer son « cadre ». Un document HTML doit contenir certains éléments obligatoires, sans lesquels il ne sera pas interprété correctement. Un exemple de modèle simple est présenté dans la liste.

Ceci est un exemple de document


Entrez le corps du texte ici

Le modèle s'ouvre avec la balise

, qui, comme nous le savons déjà, est nécessaire pour tout document HTML. La balise suivante est le début du titre du document. Le titre contient un élément TITLE qui saisit le titre du document, dans notre cas « Ceci est un exemple de document ». Le titre est fermé par la balise. Vient ensuite la balise, après quoi le texte (corps) du document est placé. Une balise signifie la fin du corps et une balise signifie la fin du document entier.

	BODY peut contenir un grand nombre d’attributs. Tous sont importants car ils déterminent l’apparence générale du document. Ces attributs sont présentés dans le tableau.
But	UN LIEN
définit la couleur du lien actuellement actif	ARRIÈRE-PLAN
pointe vers l'URL de l'image utilisée comme arrière-plan	BGCOULEUR
définit la couleur de fond du document	BGPROPRIÉTÉS
si réglé sur FIXED, l'image d'arrière-plan ne défile pas	MARGE GAUCHE
Définit la bordure de la marge gauche en pixels	LIEN
Spécifie la couleur d'un lien qui n'a pas encore été consulté	TEXTE
Définit la couleur du texte	MARGE SUPÉRIEURE
Définit la bordure de la marge supérieure en pixels	LIEN V

Définit la couleur d'un lien déjà consulté

Examinons de plus près ces attributs.

Déterminer les couleurs des éléments constitutifs du document est la première étape de sa création. Si cela n'est pas fait, les couleurs par défaut sont utilisées. Ils sont déterminés par les paramètres du programme de visualisation.

Il n’y a pas de règles pour une palette bien équilibrée. N'oubliez pas que pour que les lecteurs puissent lire le texte sans inconvénient, essayez de maintenir un contraste élevé entre le texte et l'arrière-plan et évitez la proximité de zones aux couleurs similaires.

Les couleurs HTML sont spécifiées par des nombres hexadécimaux. Le système de couleurs est basé sur trois couleurs primaires : le rouge, le bleu et le vert. Chaque couleur se voit attribuer une valeur hexadécimale allant de 00 à FF, ce qui correspond à une plage de 0 à 255 en décimal. Ces valeurs sont ensuite regroupées en un seul nombre, précédé du symbole #. Par souci de simplicité, HTML 3.2 définit 16 couleurs standard, qui, avec leurs codes hexadécimaux, sont indiquées dans le tableau ci-dessous.	Couleur
Code	#000000
Noir	#800000
Magoop (bordeaux foncé)	#008000
Vert	#808000
Olive	#000080
Marine (bleu foncé)	#800080
Violet	#008080
Sarcelle	#808080
Gris	Argent
#С0С0С0	Rouge
#FF0000	Chaux (chaux)
#00FF00	Jaune
#FFFF00	Bleu
#0000FF	Fushia (fuchsia)
#FF00FF	Aqua
#00FFFF	Blanc

BGCOLOR est responsable de la couleur de fond du document. Si la page comporte une image d’arrière-plan, cet attribut doit fournir une couleur aussi proche que possible du ton général de l’image. Cela permettra au lecteur, qui a configuré son navigateur pour ne pas charger d'images, de voir clairement le texte. De nombreux auteurs ne respectent pas cette règle. Dans ce cas, si l’arrière-plan est sombre et la couleur de la police est blanche pour le texte, certains lecteurs pourraient être surpris de ne voir qu’une page blanche et vierge.

TEXTE spécifie la couleur du texte du document. Essayez de toujours maintenir un contraste de texte élevé dans vos pages. Lorsque vous utilisez une police fine, n’oubliez pas qu’elle paraît mieux sombre sur un fond clair.

LINK est utilisé par le navigateur pour afficher des liens qui n'ont pas encore été consultés. Évidemment, ils doivent ressortir en couleur sur le fond du texte principal.

L'attribut VLINK est utilisé pour afficher les liens déjà consultés. En règle générale, ils sont peints avec une teinte plus foncée de la même couleur que non.

liens consultés.

ALINK spécifie la couleur du lien actuellement actif. Il s'agit d'un attribut relativement nouveau, généralement utilisé pour visualiser des documents multi-images.

Une façon courante de décorer une page HTML consiste à y placer des graphiques d'arrière-plan, visibles sous le texte principal (attribut

LEFTMARGIN et TOPMARGIN sont utilisés pour définir la distance entre les bords gauche et supérieur du texte et les bords correspondants de la fenêtre du navigateur. L'emplacement des autres bords du texte n'est pas réglable. Ceci est fait pour garantir que la page peut être consultée par n'importe quel navigateur. Il est impossible de savoir à l'avance quelle est la taille de la fenêtre du lecteur de documents. LEFTMARGIN définit la distance entre le bord gauche de la fenêtre du navigateur, mesurée en pixels. Le plus souvent, cet attribut est utilisé lorsque l'auteur souhaite avoir une marge à gauche exempte de texte et présentant un motif ou une couleur différente du reste de l'image d'arrière-plan.

TOPMARGIN est utilisé pour définir la distance entre le bord supérieur du texte et le bord supérieur de la fenêtre du navigateur. Il est généralement utilisé lorsque le haut de l’image d’arrière-plan est important et que l’on souhaite le laisser ouvert. Les documents HTML peuvent inclure des commentaires qui ne seront pas visibles par le lecteur. Ils doivent commencer par la balise . Tout ce qui est contenu dans ces balises reste invisible lors de la visualisation de la page.

L'ADRESSE est l'un des éléments les plus importants du HTML. Il sert à identifier l'auteur du document et (éventuellement) à indiquer l'adresse de l'auteur. Les informations sur les droits d'auteur sont également généralement placées ici. Cet élément est situé soit au début, soit à la toute fin du document. ADDRESS se compose de texte placé entre les balises et . Le texte placé entre ces balises est généralement affiché en italique dans la fenêtre du navigateur.

Un document HTML se compose d'un corps de texte et de balises. Essentiellement, un document HTML est un fichier texte et vous pouvez utiliser un éditeur de texte classique tel que le Bloc-notes pour le créer.

Le texte principal se trouve dans le corps du document, qui est spécifié par les balises et. L'attribut BGCOLOR est utilisé pour modifier l'arrière-plan du document et l'attribut TEXT est utilisé pour définir la couleur de la police. Les valeurs de ces attributs sont une constante de couleur symbolique ou un nombre hexadécimal qui forme la couleur selon le schéma rouge-vert-bleu.

Les quatre balises appariées répertoriées définissent la structure de base d'un document HTML. Ils apparaissent ou sont implicites dans tous les documents HTML.

En effet, il est possible de déterminer l'emplacement des principales balises structurelles même en leur absence. Par conséquent, si les balises , et les balises de fermeture correspondantes sont omises, le programme de navigation déterminera lui-même l'endroit où elles doivent se trouver. Le tag est considéré comme obligatoire, mais le sauter n'entraînera pas de conséquences catastrophiques. Cependant, lors de la création de pages Web, il n’est pas recommandé d’omettre ces balises, car on ne sait pas comment se comportera le navigateur installé sur l’ordinateur de l’utilisateur.

Les balises appariées affectent la partie du document située entre les balises d'ouverture et de fermeture. Cette partie du document est considérée comme un élément du langage HTML. Par exemple, l'élément BODY comprend une balise d'ouverture, le corps de l'élément et une balise de fermeture. Les éléments du langage HTML sont divisés en bloc et en texte. Les éléments de bloc font référence à des morceaux de texte au niveau du paragraphe. Les éléments de texte décrivent les propriétés de phrases individuelles et de parties plus petites du texte. Lors de la création d'un document HTML, il est conseillé de respecter les règles d'imbrication suivantes :

les éléments ne doivent pas se croiser.

Si la balise d'ouverture se trouve à l'intérieur d'un élément, alors la balise de fermeture doit être à l'intérieur du même élément ;

les éléments de bloc peuvent contenir des éléments de bloc et de texte imbriqués ;

les éléments de texte peuvent contenir des éléments de texte imbriqués ;

les éléments de texte ne peuvent pas contenir d'éléments de bloc imbriqués.

Titre du document

Sections fonctionnelles du document

Le langage HTML est conçu pour décrire les sections fonctionnelles d'un document. Dans de nombreux documents standards, les principales sections fonctionnelles sont les titres et les paragraphes.

Pour désigner des paragraphes normaux, utilisez la balise

Et en conséquence la balise de fermeture

. Les balises qui décrivent les paragraphes normaux sont facultatives, mais si elles sont présentes, les navigateurs suivront clairement les limites entre les paragraphes.

Pour améliorer la lisibilité du texte, les navigateurs affichent une ligne vide entre les paragraphes. Un moyen efficace de créer des séparateurs dans le texte sont les bandes horizontales (règles), divisant visuellement le document en parties. Une règle horizontale est créée par la balise. Il s’agit d’une seule balise et n’a pas de paire.

Lors de la création d'un document HTML, gardez à l'esprit que les espaces multiples entre les mots et les nouvelles lignes sont ignorés lors de la lecture du document par le navigateur.

Pour passer à une nouvelle ligne sans créer de paragraphe, utilisez la balise
.

Sections fonctionnelles du document

Titre principal

Sous-titre

Ces lignes sont affichées ensemble,

malgré le fait que dans le document

ils sont séparés

les uns des autres.

La balise de fin de paragraphe est facultative.

La balise de début de paragraphe est plus importante que la nouvelle ligne réelle.

Texte après la règle horizontale
divisé en deux lignes

Structure des documents HTML

Concepts HTML de base

HTML (Langage de balisage hypertexte)- langage de balisage hypertexte - conçu pour créer des pages Web.

Sous hypertexte dans ce cas, on entend un texte lié à d'autres textes par des pointeurs-liens.

HTML est un ensemble assez simple de codes qui décrivent la structure d'un document. HTML vous permet de mettre en évidence des parties logiques individuelles du texte (titres, paragraphes, listes, etc.), de placer une photographie ou une image préparée sur une page Web et d'organiser des liens sur la page pour communiquer avec d'autres documents.

HTML ne spécifie pas d'attributs de formatage de document spécifiques et précis. Le type spécifique de document n'est finalement déterminé que par navigateur sur l'ordinateur de l'internaute.

HTML n'est pas non plus un langage de programmation, mais les pages Web peuvent inclure des programmes intégrés - des scripts dans des langages Javascript Et Script Visual Basic et programmes - applets dans la langue Java.

Un document HTML est un fichier texte ASCII contenant le texte réel qui doit être affiché dans la fenêtre du navigateur et des commandes de balisage - des balises HTML qui déterminent l'apparence du document lorsqu'il est interprété dans la fenêtre du navigateur.

Les principaux composants du HTML sont :

Le code HTML est une séquence unique de caractères qui donne à une page Web son apparence unique. Le code d’une page Web est comme l’ADN d’une personne.

Le code de n'importe quelle page Web peut être visualisé de trois manières :

1) Appelez le menu contextuel du navigateur et sélectionnez l'option permettant d'afficher le code source.

2) Appuyez sur la combinaison de touches Ctrl+U.

3) Ouvrez la page à l'aide du bloc-notes.

La deuxième méthode ne fonctionne pas dans Internet Explorer. Et la dernière méthode n'est disponible que si la page est enregistrée sur votre ordinateur.

Élément

Un élément est la base du HTML, un lien vers le code du bâtiment, son unité indivisible. Tout code que vous écrivez pour créer une page Web sera composé d'éléments.

Un élément HTML est un caractère ou une combinaison de caractères.

Exemples d'éléments : p, br, h1, img, méta, table, strong, adresse, basefont

L'ensemble des éléments utilisés en HTML est strictement limité. Vous ne pouvez les utiliser que dans votre code.

Une balise est un élément entouré de crochets angulaires. Ce sont les balises qui sont écrites dans le code de la page, et non les éléments eux-mêmes. La casse des lettres dans l'écriture des tags n'a pas d'importance. Ceux. les enregistrements sont absolument identiques.

La balise HTML est écrite entre crochets (< >) et se compose d'un nom, qui peut être suivi d'une liste d'attributs (facultatif pour la plupart des balises). Les noms et attributs sont des mots et des abréviations anglais et ont presque toujours une signification claire. Les balises peuvent être écrites dans tous les cas – lettres majuscules ou minuscules.

Les balises peuvent être divisées en deux grands groupes.

Les balises du même groupe, appelées conteneurs, affectent la partie du document comprise entre elles. Ils comportent deux volets : l'ouverture (initiale) et la fermeture (finale). La balise de fermeture porte le même nom que la balise d'ouverture, mais est précédée d'une barre oblique (/). Du texte ou d'autres balises peuvent être placés entre les balises d'ouverture et de fermeture.

Les balises autonomes (simples) n'ont pas de composant de fin. Ils provoquent une action ponctuelle ou, lorsqu'ils sont interprétés, un objet est inséré dans le document affiché. Par exemple, balisez provoque l'insertion d'une image du fichier pict.gif situé dans le même dossier que le document HTML lui-même.

Les balises peuvent avoir des paramètres de clarification - des attributs. Les attributs vous permettent de contrôler la façon dont les informations ajoutées par une balise sont affichées. Les attributs sont écrits dans une balise autonome et dans un conteneur uniquement dans la partie d'ouverture. Dans la liste, les attributs sont séparés les uns des autres par des espaces. La séquence d'attributs n'est pas significative. Les valeurs d'attribut sont spécifiées après le signe égal entre guillemets.

Exemples de balises avec des attributs :

– définit un fond bleu clair pour le document,

text – une balise appariée, demande au navigateur d'afficher le texte inclus dans le « conteneur » avec des caractères augmentés par rapport à la taille de base (SIZE="+2") et une couleur rouge (COLOR="RED").

Structure des documents HTML

Un document HTML commence toujours par une balise et se termine par une balise fermante.

Il y a deux sections principales à l'intérieur d'un document : la section des titres et le corps du document, qui se succèdent.

La section des en-têtes décrit les options utilisées lors de l'affichage du document, mais qui ne sont pas directement affichées dans la fenêtre du navigateur.

Chaque document HTML doit avoir un titre, il est affiché séparément et sert principalement à identifier le document (par exemple lors de recherches). La balise de tête du document doit être utilisée immédiatement après la balise et nulle part ailleurs dans le corps du document. Cette balise représente une description générale du document. Le titre doit décrire l'objectif du document et ne pas contenir plus de 5 à 6 mots. Dans presque tous les navigateurs, le titre du document est visible en haut de l'écran (fenêtre).

Le titre de la fenêtre de la page Web est défini à l'intérieur du conteneur.

La balise est conçue pour stocker d'autres éléments dont le but est d'aider le navigateur à travailler avec les données. À l'intérieur du conteneur se trouvent également des balises méta, qui sont utilisées pour stocker des informations destinées aux navigateurs et aux moteurs de recherche. Par exemple, les moteurs de recherche accèdent aux balises méta pour obtenir des descriptions de sites, des mots-clés et d'autres données.

Le contenu de la balise n'est pas directement affiché sur la page web, à l'exception de la balise qui définit le titre de la fenêtre de la page web.

Titre

Les éléments suivants peuvent être placés à l'intérieur du conteneur : , , , , , , , .

Syntaxe:

La section corps du document contient du texte destiné à être affiché par le navigateur et des balises indiquant comment le texte est formaté, définissant la conception graphique du document, définissant les paramètres des hyperliens, etc.

L'élément est conçu pour stocker le contenu d'une page Web (contenu) affiché dans une fenêtre de navigateur. Les informations qui doivent être affichées dans le document doivent être situées à l'intérieur du conteneur. Ces informations incluent du texte, des images, des balises, du JavaScript, etc.

La balise est également utilisée pour définir les couleurs des liens et du texte sur une page Web.

Souvent, une balise est utilisée pour placer un gestionnaire d'événements, tel que onload, qui s'exécute une fois le chargement du document terminé dans la fenêtre ou le cadre actuel.

Les balises d'ouverture et de fermeture sont facultatives sur une page Web, mais il est judicieux de les utiliser pour définir le début et la fin d'un document HTML.

Le document HTML le plus simple contenant toutes les balises qui définissent la structure ressemble à ceci :

Balises méta

En plus de l'élément ..., le titre peut contenir des balises méta ....

Les balises méta sont des balises de langage HTML contenant diverses informations sur les services.

- La balise est utilisée dans le titre d'une page et est destinée à inclure toute information utile non spécifiée par d'autres balises HTML. Ces informations peuvent être récupérées par les serveurs/clients pour être utilisées dans l'identification, l'indexation et la création de répertoires de pages. Les balises méta sont placées dans le titre de la page (entre les balises et ) et ont le format :

Classiquement, les balises méta peuvent être divisées en trois groupes :

La balise d'ouverture comprend des paires nom = valeur qui décrivent les propriétés du document, telles que la paternité, la liste de mots-clés, etc. Ces données sont également utilisées par les serveurs de recherche lors de l'indexation des documents.

Type de document et encodage : META HTTP-EQUIV = "CONTENT-TYPE"

- Encodage Windows.

L'objectif principal de cette balise est d'informer le navigateur sur l'encodage utilisé. Vous devez utiliser la balise méta de type contenu uniquement en tenant compte de certaines nuances.

L'encodage des caractères du texte doit correspondre à l'encodage spécifié dans la balise.

Le serveur ne doit pas modifier le codage du texte lors du traitement d'une requête du navigateur.

Si le serveur modifie le codage du texte, il doit ajuster ou supprimer la balise méta de type de contenu.

Le non-respect de ces exigences peut entraîner les conséquences suivantes : le serveur Web détectera automatiquement l'encodage de la demande du client et renverra la page au navigateur recodée. Le navigateur, à son tour, lira le document en fonction de la balise méta content-type. Et si les encodages ne correspondent pas, il ne sera alors possible de lire le document qu'après une série de manipulations complexes.

Certains des types d'encodage possibles :

· ISO-8859-1-Latin-1, pour la plupart des langues d'Europe occidentale ;

· Windows-1251-Cyrillique (Windows) ;

· KOI8-r-cyrillique (KOI8-R);

· cp866-cyrillique (DOS) ;

· Windows-1252-Europe occidentale (Windows) ;

· Windows-1250-Europe centrale (Windows).

Structure générale d'un document HTML.

Comme tout autre langage de programmation, HTML implique une certaine structure standardisée pour construire un programme – dans ce cas, un document HTML. Cette structure décrit la séquence d'un certain nombre de blocs obligatoires qui contiennent directement le code du programme.

Les directives HTML sont appelées « tags » (de l'anglais, tag - mark). Les balises HTML sont placées entre crochets et leur syntaxe générale est . Tous les objets non entourés de crochets angulaires sont perçus par l'interprète comme des éléments de texte, les affichant sur l'écran de l'ordinateur « tels quels ».

La structure du document HTML ressemble à ceci :

Document HTML

Titre

HTML possède une autre caractéristique importante qui le distingue des autres langages de programmation : presque toutes les balises de ce langage, à l'exception de certains cas spécialement spécifiés, sont appariées. Une telle paire est constituée d'une balise « ouvrante » et d'une balise « fermante », qui ne diffèrent que par la présence du symbole « / » dans cette dernière. Tout ce qui se trouve entre les balises ouvrante et fermante est traité par l'interprète selon le. algorithme attribué à cette balise particulière. En général, une ligne de programme HTML avec des balises d'ouverture et de fermeture ressemble à ceci :

valeur traitée

Cette propriété HTML permet d'utiliser le principe d'imbrication d'une balise dans une autre, lorsque la valeur traitée d'une commande peut être une autre commande. Voici un exemple simple d'imbrication de deux balises l'une dans l'autre :

valeur traitée

Lorsque vous travaillez avec du code HTML, vous devez vous rappeler une règle simple :

S'il y a une balise d'ouverture quelque part dans le texte du programme, il doit également y avoir une balise de fermeture. Le non-respect de cette règle entraînera une erreur lorsque l'interpréteur du navigateur traitera un tel document.

La structure principale et globale du code interne d'une page Web est le « document HTML », pour la définition duquel il existe une commande spéciale conçue pour « expliquer » au navigateur qu'il s'agit d'un document HTML, et non d'un document HTML. un fichier texte ou, par exemple, un fichier graphique. Cette commande est appelée « balise de niveau supérieur » et s'écrit :

Contenu

La balise de niveau supérieur est une paire et son contenu est précisément tout le code HTML qui constitue le document. La balise d'ouverture est écrite sur la toute première ligne du document HTML et la balise de fermeture est écrite sur la toute dernière ligne.

L'élément suivant est "Titre du document". L'en-tête d'une page Web contient des informations complètes sur le document lui-même, et parfois aussi des directives de traduction spéciales qui indiquent à l'interpréteur HTML intégré au navigateur les règles selon lesquelles traiter le code qui constitue la page. Le contenu de l'en-tête n'est pas affiché dans le navigateur et n'affecte pas l'apparence du document. Il s'agit d'informations de service nécessaires au bon fonctionnement du navigateur. La syntaxe générale d'une balise de titre ressemble à ceci :

Contenu

La section HEAD suit la balise directement dans le document HTML et constitue la deuxième commande obligatoire qui doit être incluse dans le code de la page Web.

"En-tête externe" est une commande de balise imbriquée. Le mnémonique d’en-tête externe s’écrit comme suit :

En-tête externe

Le titre extérieur apparaît dans la marge supérieure du navigateur comme titre de la page lors de son ouverture. La valeur de la balise est insérée par défaut dans la boîte de dialogue correspondante lorsque l'utilisateur ajoute un document au dossier « favoris ».

Le dernier composant structurel du code de la page Web est le « Corps du document ». Le corps du document, décrit par des balises, comprend tout le code de balisage de la page principale, qui détermine l'affichage du document HTML sur l'écran du moniteur. Le texte principal, les illustrations, les éléments de navigation et tout ce que vous souhaitez montrer aux visiteurs de votre site sont placés à l'intérieur de cette balise.

Ainsi, les éléments de code requis d'un document HTML ressemblent à ceci :

Titre de la page

Balises et attributs.

Comme indiqué ci-dessus, une balise est une commande HTML qui indique à l'interpréteur du navigateur comment il doit traiter la valeur correspondant à chaque directive spécifique.

Une balise peut avoir ou non un attribut. Par exemple, la balise de niveau supérieur n'a aucun attribut, et dans la ligne de création d'un nouveau tableau

l'expression "BORDER="1" WIDTH="100"" est un attribut de balise .

En général, la syntaxe pour écrire une balise HTML avec ses attributs est la suivante :

Dans cet exemple, le premier attribut de la balise

est le paramètre "BORDER", le deuxième attribut est le paramètre "WIDTH", et leurs valeurs sont respectivement "1" et "100". Les valeurs d'attribut sont entourées de guillemets droits, écrits avec le symbole """. Si à l'intérieur d'un attribut d'une balise se trouve une autre valeur entre guillemets, c'est-à-dire qu'il y a une imbrication de certains guillemets dans d'autres, il est recommandé de utilisez des guillemets simples, écrits avec le symbole, comme guillemets "internes" """ . En général, une telle expression ressemble à ceci :

La spécification du langage HTML vous permet d'omettre les guillemets pour les types d'attributs suivants :

Attributs écrits uniquement en minuscules ou en majuscules de l'alphabet latin et à l'exclusion des autres caractères, tels que les chiffres.

Attributs composés uniquement de chiffres de 0 à 9.

Attributs désignant des périodes de temps.

Par exemple, l'écriture des attributs BORDER="1" ou ALIGN="CENTER" peut être représentée par BORDER=1 et ALIGN=CENTER.

Qu'est-ce que le HTML

Le World Wide Web (WWW) est composé de pages Web créées à l'aide du langage HTML (HyperText Markup Language). Bien que beaucoup de gens parlent de programmation dans ce langage, HTML n’est pas un langage de programmation au sens traditionnel du terme.

HTML est un langage de balisage de documents. Lors du développement d'un document HTML, vous marquez un document texte de la même manière qu'un éditeur le fait avec un crayon rouge. Ces marques servent à indiquer la forme sous laquelle les informations contenues dans le document sont présentées.

Des visionneuses de documents HTML spéciales, souvent appelées navigateurs, sont utilisées pour interpréter les fichiers balisés selon les règles du langage HTML, les formater en pages Web et afficher leur contenu sur l'écran de l'ordinateur de l'utilisateur. Il existe un grand nombre de programmes de navigation développés par diverses sociétés, mais aujourd'hui, parmi toute la variété des programmes, deux programmes leaders se démarquent clairement : Netscape Communicator et Microsoft Internet Explorer.

Les autres navigateurs sont loin derrière en termes de popularité. Il y a quelques années, le navigateur Netscape occupait une place de premier plan parmi les navigateurs, avec plus des deux tiers des utilisateurs utilisant ce navigateur particulier. Avec la sortie de son navigateur, Microsoft a fait de gros efforts pour conquérir cette partie du marché. Souvent dans les médias

Il y a eu des rapports faisant état d'une guerre entre les navigateurs pour les utilisateurs.

Désormais, ces deux navigateurs sont comparables en popularité. La popularité croissante du navigateur Microsoft est facilitée par l'inclusion du navigateur dans le système d'exploitation Windows 98, mais en fin de compte, le choix du navigateur appartient à l'utilisateur.

Les navigateurs modernes ont des capacités étendues, mais l'essentiel pour eux est l'interprétation des documents balisés selon les règles HTML. Cet ouvrage est principalement consacré à la description de ces règles. Dans la première partie, nous examinerons uniquement les principes fondamentaux de construction de documents HTML.

Pour comprendre ce qu'est un langage de balisage, rappelons-nous le bon vieux temps où de nombreuses personnes travaillaient avec des éditeurs de texte comme WordStar.

Dans ceux-ci, pour mettre en évidence une phrase, par exemple en gras, des marques spéciales étaient placées à son début et à sa fin (/B et /b) :

/B Ce texte sera affiché en gras/b

Lors de la sortie d'un tel texte sur un périphérique d'impression (nous ne parlons pas encore d'affichages, à cette époque lointaine, soit ils n'existaient pas du tout, soit il y avait des affichages alphanumériques qui ne permettaient pas de changer de police), les symboles / in étaient obligés d'utiliser du gras. font jusqu'à ce que les caractères /b soient rencontrés.

HTML fonctionne exactement de la même manière. S'il est nécessaire de surligner le texte à l'écran en gras, cela peut être fait de la même manière :

Ce texte apparaîtra en gras< и >Les symboles deviennent gras et les symboles le désactivent. Les caractères qui contrôlent l'affichage du texte et ne sont pas eux-mêmes affichés à l'écran sont généralement appelés balises en langage HTML (du mot anglais tag - label, sign).

La plupart des balises HTML sont utilisées par paires, c'est-à-dire que pour une certaine balise, appelons-la d'ouverture, le document a une balise de fermeture correspondante. Selon les règles HTML, la balise de fermeture s'écrit de la même manière que la balise d'ouverture, mais avec le symbole / (barre oblique) avant le nom de la balise. La seule différence fondamentale entre les balises appariées est que les balises de fermeture n'utilisent pas de paramètres.

Les balises qui nécessitent des balises de fin correspondantes seront appelées balises de conteneur. Nous appellerons tout ce qui est écrit entre les balises d'ouverture et de fermeture correspondantes le contenu de la balise conteneur.

, la balise de fermeture correspondante .

ou balise de fin de ligne de tableau

Il existe un certain nombre de balises pour lesquelles les balises de fin sont omises par la plupart des auteurs de documents. Un exemple serait une balise d'élément de liste

ou une balise de paragraphe

Dans de nombreux cas, les navigateurs modernes formateront correctement les documents si certaines balises de fin sont omises, mais cette pratique ne peut pas être recommandée. Certaines balises ne nécessitent pas du tout de balises de fin.
Les exemples incluent la balise d'insertion d'image

Il existe des règles générales sur la façon dont les navigateurs interprètent les balises.

Contrairement aux langages de programmation, dans lesquels des instructions erronées conduisent à l'émission de messages correspondants au stade de la compilation du programme et nécessitent une édition, en HTML, il n'est pas habituel de réagir aux entrées de balises incorrectes. Une balise mal écrite ou son paramètre doit simplement être ignoré par le navigateur. Il s'agit d'une règle générale pour tous les navigateurs, qui s'applique non seulement aux balises écrites par erreur, mais également aux balises qui ne sont pas reconnues par cette version du navigateur. Un exemple serait les balises proposées et implémentées pour un navigateur particulier et inconnues pour un autre. Par exemple, une balise de conteneur servant à fournir des informations alternatives aux navigateurs qui ne prennent pas en charge les structures de trame ne sera pas reconnue par ces navigateurs. Un navigateur prenant en charge les frames, lorsqu'il rencontre une balise, ignorera toutes les informations qu'elle contient. Et un navigateur qui n’est pas familier avec les frames ne comprendra naturellement pas la balise. Cependant, selon la règle ci-dessus, cette balise sera simplement ignorée, mais toutes les informations ultérieures seront affichées.

Parfois, la balise de fin peut être omise. Par exemple, pour une balise décrivant les données d'une cellule de tableau

Vous pouvez toujours l'omettre. La fin des données d'une cellule du tableau sera reconnue par l'apparition de la balise suivante

Les balises peuvent être écrites avec des paramètres ou des attributs (de l'anglais, attribut). Dans ce livre, nous utiliserons le plus souvent le terme paramètre.

Les ensembles de paramètres acceptables sont individuels pour chaque balise. Les règles générales d'écriture des paramètres sont les suivantes. Le nom de la balise peut être suivi de paramètres, séparés par des espaces. L'ordre des paramètres de balise est arbitraire. De nombreux paramètres nécessitent de spécifier leurs valeurs, mais certains paramètres n'ont pas de valeurs ou peuvent être écrits sans elles, en prenant les valeurs par défaut. Si un paramètre nécessite une valeur, celle-ci est indiquée après le nom du paramètre à l'aide d'un signe égal. La valeur du paramètre peut être écrite entre guillemets ou sans eux. Le seul cas dans lequel vous ne pouvez pas vous passer des guillemets est celui où il y a des espaces dans la valeur du paramètre. Dans les valeurs des paramètres (par opposition aux noms de balises et aux paramètres eux-mêmes), la casse est parfois importante. Voici un exemple d'entrée de balise avec des paramètres :

Les chapitres suivants de la première partie de l'ouvrage décriront l'utilité des balises du langage HTML et leurs paramètres. En général, les balises peuvent avoir différents paramètres, mais il existe un certain nombre de paramètres communs à presque toutes les balises. Nous mentionnerons ici les paramètres généraux des balises afin de ne pas en parler davantage lors de la description de chaque balise.

Toutes les balises pouvant être utilisées dans une section d'un document HTML peuvent avoir les paramètres CLASS, ID, LANG, LANGUAGE, STYLE et TITLE.

L'utilisation de ces paramètres est utile, tout d'abord, lors du style des documents, qui sera abordé dans la deuxième partie du livre.

Les paramètres CLASS, ID, STYLE sont pris en charge par Internet Explorer à partir de la version 3.0 et Netscape à partir de la version 4.0. Ces paramètres sont nécessaires lors de l'utilisation de styles.

Les paramètres LANG, LANGUAGE, TITLE sont supportés uniquement par Internet Explorer à partir de la version 4.0. Ces paramètres indiquent respectivement la langue utilisée (par exemple, pour la Russie : LANG=ru), la langue d'écriture des scripts (par exemple, LANGUAGE=JavaScript), ainsi que le texte de l'info-bulle affichée lorsque le pointeur de la souris survole cet élément (TITRE).

Dans le HTML moderne, outre les balises de langue et leur contenu, des codes de script (javascript ou VBScript) sont également écrits dans le code source HTML.

Dans la première partie du livre, cela n’est pratiquement mentionné nulle part, mais la deuxième partie est entièrement consacrée à l’utilisation des scripts.

Pour conclure l'aperçu général du HTML, nous notons que les documents HTML les plus simples sont des fichiers texte ordinaires, qui peuvent être visualisés et modifiés à l'aide de n'importe quel éditeur de texte. Ces fichiers portent généralement l'extension HTM ou HTML.

Spécifications HTML

Le travail de création de la spécification HTML a été entrepris par une organisation appelée World Wide Web Consortium (en abrégé W3C). Sa tâche consistait à compiler une spécification reflétant le niveau actuel de développement des capacités du langage, en tenant compte des diverses propositions des sociétés de développement de navigateurs. Ainsi, en novembre 1995, apparaît la spécification HTML 2.0, destinée à formaliser la pratique d'utilisation du HTML qui s'était développée fin 1994.

Le schéma d'approbation des spécifications est le suivant. Le consortium W3C publie un projet de spécification, après discussion duquel il publie une version dite brouillon de la spécification et la propose à la discussion pendant une certaine période. Après une période de discussion, la version de travail de la spécification peut devenir une recommandation, c'est-à-dire une version officiellement acceptée de la spécification HTML.

Peu de temps après la spécification 2.0, une version fonctionnelle de la spécification 3.0 a été publiée, mais la période de commentaires a expiré en septembre 1995. Cette spécification n'a jamais été adoptée comme recommandation formelle.

Il était prévu d'inclure une grande variété de balises et de fonctionnalités spécifiques au navigateur, mais le W3C n'a pas été en mesure de développer une bonne spécification pour un si grand nombre d'instructions.

Après de longues délibérations, HTML 3.2 est sorti en mai 1996. Le projet était basé sur certaines des balises disponibles dans la version 3.0, qui ont montré une stabilité de fonctionnement. Après plusieurs mois de discussion, la version 3.2 est devenue une proposition de spécification en septembre 1996 et une recommandation formelle en janvier 1997.

Juillet 1997 a vu la publication de la spécification HTML 4.0 proposée, qui est devenue une recommandation officielle en décembre 1997. Il s’agit de la dernière spécification acceptée à ce jour.

L'idée clé de la spécification HTML 4.0 était de séparer la description de la structure du document de la description de sa présentation sur l'écran du moniteur.

L'expérience a montré que la séparation de la structure et de la présentation des documents réduit le coût de prise en charge d'un large éventail de plates-formes, d'environnements, etc., et facilite également les révisions des documents. Conformément à cette idée, les méthodes de description des représentations devraient être utilisées plus largement. document à l’aide de feuilles de style, plutôt que de spécifier des données de présentation spécifiques entrecoupées du contenu du document.

Pour mettre en œuvre cette idée dans la spécification HTML 4.0, un certain nombre de balises utilisées pour spécifier directement la forme de présentation des éléments HTML ont été supprimées. Les balises annulées pour cette raison incluent , , , , ,

. Parmi les autres balises annulées, on note , , , . Au lieu des balises annulées, des options alternatives pour implémenter les capacités correspondantes sont proposées, ce à quoi nous accordons une attention particulière dans ce livre.

A noter que, logiquement, la spécification officielle devrait jouer le rôle de force directrice et directrice, garantissant que les informations sont présentées de la même manière sur les différents navigateurs. C’est l’option idéale à rechercher. En réalité, les choses ne vont pas si bien. De nouvelles idées émergent constamment, mises en œuvre par les sociétés de développement dans leurs navigateurs et promues par elles.

Les idées réussies prennent racine et sont ensuite reprises par d'autres développeurs. Certaines fonctionnalités restent spécifiques à chaque navigateur.

Les conceptions réussies finissent par figurer dans les spécifications et sont généralement acceptées.

Ainsi, le processus d'amélioration des capacités du navigateur et de clarification des spécifications est en cours, s'influençant mutuellement.

Structure du document

La première balise qui commence à décrire les documents HTML est la . Il doit toujours commencer la description du document et celle-ci doit se terminer par la balise. Ces balises indiquent que les lignes entre elles représentent un seul document HTML. Le document lui-même est un fichier texte ASCII ordinaire. Sans ces balises, un navigateur ou un autre visualiseur risque de ne pas être en mesure d'identifier le format du document et de l'interpréter correctement.

Le plus souvent, la balise est utilisée sans paramètres.

Les versions précédentes utilisaient le paramètre VERSION, qui était obsolète par la spécification HTML 4.0. Ce paramètre a été remplacé par la balise.

La section d'en-tête s'ouvre avec la balise . Généralement, cette balise vient immédiatement après le . La balise fermante indique la fin de cette section. Entre les balises mentionnées se trouvent les balises restantes de la section d’en-tête.

Titre du document

La balise conteneur est la seule balise head obligatoire et sert à donner un titre au document. Il est généralement affiché dans la barre de titre de la fenêtre du navigateur. La balise ne doit pas être confondue avec le nom du fichier du document ; au contraire, il s'agit d'une chaîne de texte totalement indépendante du nom et de l'emplacement du fichier, ce qui la rend très utile.

Le nom du fichier est strictement déterminé par le système d'exploitation de l'ordinateur sur lequel il est stocké. Vous devez également distinguer le titre du document (avec la balise) des titres du document, généralement marqués par des balises.

Note

Le titre obligatoire du document a généralement le caractère d’une recommandation forte. Un document sans balise sera également affiché par les navigateurs. Dans ce cas, différents navigateurs afficheront des informations différentes comme titre de fenêtre. Ainsi, les premières versions du navigateur Netscape affichaient la ligne « Aucun titre ». D'autres navigateurs n'affichent rien ou affichent l'adresse du fichier téléchargé, en répétant les informations dans le panneau Emplacement du navigateur.

Par défaut, le texte contenu dans le titre du document est utilisé lors de la création d'un signet pour le document. Par conséquent, pour un contenu plus informatif, évitez les noms sans visage (Page d’accueil, Index, etc.). Les mots utilisés comme noms de signets sont généralement totalement inutiles.

Le titre du document doit décrire brièvement son contenu. Notez que lors de l'affichage à l'écran de documents avec une structure de cadres, lorsqu'un document distinct avec son propre nom est chargé dans chaque cadre, seul le nom du document principal sera visible à l'écran. Cependant, il est également fortement recommandé de préciser le titre des documents individuels destinés à être chargés dans les frames. Cette question est abordée plus en détail au chapitre 5.

L'importance du titre du document est déterminée par le fait suivant.

Étant donné que la balise est située presque au tout début du fichier HTML, une fois le chargement du document commencé, c'est la première chose qui s'affiche. Ensuite, le contenu principal du document est chargé et le navigateur commence à formater le document dans la fenêtre. Ce processus, en général, en fonction du contenu et de la structure du document, ainsi que de la vitesse de connexion, peut prendre beaucoup de temps.

Pendant assez longtemps, l'utilisateur contemplera un écran vide dont la seule ligne informative sera le titre du document. Bien souvent (si la connexion est perdue ou si l'utilisateur ne souhaite pas attendre la fin du chargement du document), toutes les informations sur le document s'arrêtent là.

Heureusement, les développeurs HTML ont anticipé ce problème et ont ajouté deux balises, et , qui sont incluses dans l'en-tête pour garantir que la connexion entre les documents ne soit pas rompue.

Étiqueter

La balise est utilisée pour indiquer l'URL de base complète du document. Avec son aide, un lien relatif continue de fonctionner si le document est déplacé vers un autre répertoire ou même vers un autre ordinateur. La balise fonctionne de manière similaire à la commande de chemin MS-DOS, qui permet au spectateur de déterminer le lien vers le document que vous recherchez, même s'il se trouve dans un document plus haut dans la hiérarchie, situé sur un autre ordinateur.

La balise comporte un paramètre HREF obligatoire, suivi de l'URL complète du document. Vous trouverez ci-dessous un exemple d'utilisation de la balise.

Spécification d'une adresse de base

La balise indique au navigateur où rechercher le fichier. Si l'utilisateur travaille avec une copie locale du fichier et que sa machine n'est pas déconnectée du réseau, l'image de l'icône Actualités sera trouvée et affichée dans la fenêtre du navigateur.

Étiqueter

Même si la balise permet de retrouver le dossier, la question de la relation entre les documents reste ouverte. L'importance de ces relations augmente proportionnellement à la complexité de vos documents. Afin de maintenir une connexion logique entre eux, la balise est introduite dans HTML.

Une balise indique une relation entre le document contenant la balise et un autre document ou objet. Il se compose d'une URL et de paramètres qui spécifient les relations entre les documents. Le titre du document peut contenir n'importe quel nombre de balises. Tableau 1.1 décrit les paramètres des balises et leurs fonctions.

Tableau 1.1.

Options de balise

Voici des exemples de balise avec des paramètres :

La première ligne indique un lien vers le fichier de table des matières du document (toc.html - table des matières) avec une relation directe avec le contenu. La deuxième ligne décrit la relation avec l'URL de l'auteur du document (avec la relation inversée).

De nombreuses relations différentes peuvent exister entre les documents. Exemples d'autres valeurs de paramètres REL : signet, copyright, glossaire, aide, accueil, index, toc, suivant, précédent. Le paramètre REV peut également prendre les valeurs suivantes : auteur, éditeur, éditeur, propriétaire.

Étiqueter

Ces informations sont utilisées par le navigateur pour des actions qui ne sont pas couvertes par la spécification HTML actuelle. Vous n'aurez pas besoin de la balise pour créer vos premiers documents HTML, mais vous en aurez probablement besoin à mesure que vos pages deviennent plus complexes.

Exemple:

Les navigateurs Netscape Navigator et Internet Explorer interpréteront cette entrée comme une instruction d'attendre 60 secondes, puis de charger un nouveau document.

Cette instruction est souvent utilisée lors du changement d'emplacement des documents.

Un petit document avec la chaîne donnée peut être laissé à l'ancien emplacement du document pour être automatiquement lié à son nouvel emplacement.

Ligne suivante :

demande au navigateur de recharger la page toutes les 60 secondes. Cela peut être utile si les données de la page sont fréquemment mises à jour, par exemple lors du suivi des cours des actions.

L'utilisation de l'élément pour résoudre certains problèmes typiques est devenue très populaire. Un exemple serait de spécifier les mots-clés utilisés par les moteurs de recherche. Cette méthode vous permet d'inclure des mots supplémentaires dans l'index du document qui peuvent ne pas être explicitement inclus dans son contenu. Pour ce faire, le nom d'une certaine propriété est spécifié dans la balise comme valeur du paramètre NAME. Et à l'aide du paramètre CONTENT, la valeur de cette propriété est précisée, par exemple :

La spécification HTML ne définit aucun nom spécifique pour les propriétés écrites dans le fichier . Cependant, il existe plusieurs propriétés couramment utilisées, par exemple la description, les mots-clés, l'auteur, les robots, etc. :

Les balises données pourraient très bien être indiquées, par exemple, pour la version électronique de ce livre.

La balise peut avoir les paramètres spécifiés dans le tableau.

1.2.

Tableau 1.2.

Options de balise

Un autre objectif important de la balise est d’indiquer l’encodage du texte. Ainsi, pour le texte en russe en encodage Windows, vous devez écrire la ligne suivante :

La section BODY du document doit commencer par la balise et se terminer par la balise, entre laquelle se trouve tout le contenu de cette section. À proprement parler, la présence de ces balises n’est pas obligatoire, puisque les navigateurs peuvent déterminer le début du contenu du document en fonction du contexte. Leur utilisation est cependant recommandée.

La balise comporte un certain nombre de paramètres, dont aucun n'est requis. La liste des paramètres est donnée dans le tableau. 1.3.

Tableau 1.3.

Liste des paramètres de balise	Paramètre
But
UN LIEN	ARRIÈRE-PLAN
Pointe vers l'URL de l'image utilisée comme arrière-plan	MARGE INFÉRIEURE
Définit la bordure de la marge inférieure du document en pixels.	BGCOULEUR
Spécifie la couleur d'arrière-plan du document	BGPROPRIÉTÉS
Lorsqu'elle est définie sur FIXED, l'image d'arrière-plan ne défile pas	MARGE GAUCHE
Définit la marge gauche du document en pixels.	LIEN
Spécifie la couleur d'un lien qui n'a pas encore été consulté	MARGE DROITE
Définit la bordure de la marge droite du document en pixels.	ROULEAU
Définit la présence ou l'absence de barres de défilement dans la fenêtre du navigateur	TEXTE
Définit la couleur du texte	MARGE SUPÉRIEURE
Définit la bordure de la marge supérieure du document en pixels.	LIEN V

Spécifie la couleur d'un lien déjà consulté

L'utilisation des paramètres BACKGROUND et BGCOLOR, qui déterminent l'arrière-plan du document, est discutée en détail dans.

Le paramètre BGPROPERTIES, qui accepte une seule valeur FIXED, est pris en charge uniquement par Microsoft Internet Explorer.

Les paramètres BOTTOMMARGIN, LEFTMARGIN, RIGHTMARGIN et TOPMARGIN, qui spécifient la distance en pixels entre les bords du texte et les bords de la fenêtre correspondants, ainsi que le paramètre SCROLL, sont reconnus uniquement par Microsoft Internet Explorer, à partir de la version 4.0.

Les paramètres ALINK, LINK, TEXT et VLINK déterminent les couleurs des liens et du texte du document.

Formatage du texte

Cette section examinera les possibilités de formatage des caractères individuels dans le texte d'un document.

Balises de niveau de bloc et balises séquentielles

Certaines balises HTML qui peuvent apparaître dans la section BODY sont appelées balises de niveau bloc, tandis que d'autres sont appelées balises en ligne ou, autrement connues sous le nom de balises de niveau texte, bien que cette division des balises et des niveaux soit dans une certaine mesure arbitraire.

La différence entre les niveaux de balises HTML réside dans le fait que les balises de niveau bloc peuvent contenir des balises séquentielles et d'autres balises de niveau bloc, tandis que les balises séquentielles contiennent uniquement des données et d'autres balises séquentielles. Les balises de bloc décrivent des structures de document plus grandes que les balises séquentielles.

Par défaut, ces types de balises sont placés différemment dans le texte de description : les balises de niveau bloc commencent sur une nouvelle ligne, contrairement aux balises séquentielles.

Formatage logique et physique

Pour formater le texte des documents HTML, tout un groupe de balises est fourni, qui peut être divisé en balises de formatage logique et physique.

Les balises de formatage logique désignent (par leurs noms) les types structurels de leurs fragments de texte, tels que le code de programme (balise), la citation (balise), l'abréviation (balise), etc. (voir les descriptions de ces balises et d'autres balises similaires dans la section suivante ). À l'aide de balises, vous pouvez, par exemple, marquer des fragments individuels comme étant surlignés ou hautement surlignés. Notez que nous parlons de balisage structurel, qui n'affecte pas la représentation spécifique à l'écran du fragment par le navigateur.

Par conséquent, un tel balisage est appelé logique. Les navigateurs affichent par défaut des extraits de code formatés logiquement à l'écran d'une manière spécifique. Le type d'affichage n'a rien à voir avec le type structurel du fragment (c'est-à-dire le nom de la balise de formatage logique), mais peut être facilement remplacé. Les balises de formatage physique déterminent le format d'affichage du fragment de texte qui y est spécifié dans la fenêtre du navigateur (selon les préférences de l'auteur du document). Par exemple, pour afficher un fragment en italique, vous pouvez utiliser la balise italics

Depuis longtemps, il y a des débats entre les développeurs de documents HTML sur les avantages et les inconvénients de l'une ou l'autre approche. Avec la sortie de la spécification HTML 4.0, ce débat s'est terminé en faveur de l'utilisation d'un formatage logique, puisque le principe de séparation de la structure du document de sa présentation a été proclamé.

En effet, ce n'est que sur la base d'un formatage logique que l'on peut contrôler de manière flexible la présentation d'un document à l'aide de méthodes modernes (basées sur des feuilles de style, des documents à évolution dynamique, etc.).

Cependant, le formatage physique peut actuellement être utilisé librement. La spécification HTML 4.0 a rendu obsolète certaines balises de formatage physique, mais elles sont toujours prises en charge par tous les navigateurs. Notez que certaines balises de formatage logique, conçues pour remplacer les balises de formatage physiques individuelles, ne sont pas reconnues par tous les navigateurs, ce qui rend leur utilisation extrêmement gênante. Un exemple est une balise logique, qu’il est recommandé d’utiliser à la place d’une balise physique.

Les balises décrites ci-dessous concernent les balises de niveau texte, c'est-à-dire qu'elles sont principalement conçues pour marquer de petits groupes de caractères. Certaines balises peuvent également spécifier un balisage au niveau du bloc.

Étiqueter

Balises de formatage de texte logique

Étiqueter

La balise marque son texte comme une abréviation (ABBReviation).

Bien que cette balise soit incluse dans la spécification HTML 4.0, elle n'est actuellement prise en charge par aucun navigateur.

Étiqueter. Tout comme la balise, elle sert à marquer les abréviations. Il est recommandé d'utiliser cette balise pour marquer ce qu'on appelle des acronymes, c'est-à-dire des mots prononcés constitués d'abréviations. L'étiquette pourrait à l'avenir être utilisée pour l'affichage non visuel d'éléments, par exemple dans la synthèse vocale.

Cette balise est pratique à utiliser en combinaison avec le paramètre TITLE, dont la valeur peut être spécifiée sous la forme complète de l'abréviation.

Étiqueter

Ensuite, les navigateurs visuels, lorsque vous passez le curseur sur le texte marqué de la balise, afficheront le nom complet sous la forme d'une info-bulle.

Notez que la balise n'est reconnue que par le navigateur Microsoft Internet Explorer. Exemple:

Étiqueter

Une balise marque son texte comme un petit morceau de code de programme. Généralement affiché en police monospace. Cette balise ne doit pas être confondue avec la balise d'élément de niveau bloc, qui doit être utilisée pour marquer de gros morceaux (listes) de code.

Par exemple:

Un exemple de l'opérateur le plus simple du langage de programmation C :

puts("Bonjour le monde !");

Il existe une autre différence dans l'utilisation des balises et dans le code du programme, la présence de plusieurs espaces consécutifs est souvent importante. Leur affichage ne sera sauvegardé que lors de l'utilisation du tag.

Étiqueter

La balise marque son texte comme supprimé. Cet élément est utile pour marquer les modifications apportées à un document de version en version. Une balise peut être utilisée comme élément de niveau texte et comme élément de niveau bloc.

La balise a deux paramètres facultatifs : CITE et DATETIME.

La valeur du paramètre CITE doit être une URL vers un document expliquant pourquoi le fragment a été supprimé.

Le paramètre DATETIME précise la date de suppression au format : AAAA-MM-JJThh:mm:ssTZD, qui précise l'année, le mois, le jour, les heures, les minutes et les secondes de suppression, ainsi que le fuseau horaire (Time Zone). Par exemple:

La dernière spécification acceptée du langage de balisage HTML est la version 3.2 4.0.

Étiqueter

Le texte balisé est généralement affiché sous forme de texte barré. La spécification HTML 4.0 donne la préférence à cette balise par rapport à la balise de formatage physique ou à la balise, qui désigne le texte barré. Cependant, l'étiquette

La balise marque son fragment de texte comme une définition (DeFinitioN). Par exemple, cette balise peut être utilisée pour marquer un terme lorsqu'il apparaît pour la première fois dans le texte. Exemple:

Internet Explorer est un navigateur Web populaire

Étiqueter

La balise n'est prise en charge que par Microsoft Internet Explorer. Affiché en italique par défaut.

La balise marque son texte comme une insertion (INSertion).

Cet élément est utile pour marquer les modifications apportées à un document de version en version. Une balise peut être utilisée comme élément de niveau texte et comme élément de niveau bloc.

La balise a deux paramètres facultatifs : CITE et DATETIME.

Étiqueter

La balise (EMphasis - surlignage, soulignement) est utilisée pour mettre en évidence des fragments de texte importants. Les navigateurs affichent généralement ce texte en italique. Exemple:

Exemple de mise en évidence de mots individuels d'un texte

.

Étiqueter

La balise marque le texte comme étant saisi par l'utilisateur à partir du clavier. Généralement affiché en police monospace, par exemple :

Pour lancer un éditeur de texte, tapez : bloc-notes

L’utilisation de cette balise est préférable à l’utilisation de la balise de formatage physique.

Étiqueter

La balise marque des guillemets courts dans une ligne de texte.

Contrairement à une balise de niveau bloc, l'affichage ne sépare pas le texte balisé par des lignes vides. Généralement affiché en italique.

Étiqueter

La balise (contrairement à ) n'est actuellement reconnue que par Microsoft Internet Explorer.

La balise possède un paramètre CITE dont la valeur peut être la source du devis.

La balise marque le texte comme échantillon (SAMPle). Une utilisation courante de cette balise consiste à marquer la sortie de texte des programmes (exemple de sortie).

Étiqueter

Il est également utilisé pour mettre en évidence plusieurs caractères dans une police à espacement fixe.

L’utilisation de cette balise est préférable à l’utilisation de la balise de formatage physique. Par exemple:< /STRONG>

Suite au fonctionnement du programme, les éléments suivants seront imprimés : Hello, World ! .

Étiqueter

La balise est généralement utilisée pour mettre en évidence des fragments de texte importants. Les navigateurs affichent généralement ce texte en gras. Exemple:

Saint-Pétersbourg est située à l'extrémité orientale du golfe de Finlande, à l'embouchure de la Neva.

L’utilisation de cette balise est préférable à l’utilisation de la balise de formatage physique. La balise marque généralement des fragments de texte plus importants que ceux marqués avec la balise.

La balise marque les noms des variables du programme. Généralement, ce texte est affiché en italique. Exemple: Définir la valeur de la variable N

Un affichage de certains des exemples donnés pour décrire les balises de formatage de texte logique est présenté dans la figure. 1.1. La figure montre comment lorsque vous passez la souris sur le texte marqué de la balise, une info-bulle s'affiche.

La réponse est au nom de ce groupe d’éléments. Ils sont conçus pour mettre l’accent sur la logique, mettre en évidence les parties logiques et souligner l’essence des déclarations. Leur utilisation est très pertinente car, probablement, dans un avenir proche, les capacités des navigateurs augmenteront, par exemple, il deviendra possible de rechercher des citations sur le Web, et peut-être que la prochaine génération de navigateurs apprendra à lire des documents à haute voix. De plus, rien n'empêche aujourd'hui les auteurs de documents, à l'aide de feuilles de style, de définir l'affichage souhaité pour n'importe laquelle des balises, en remplaçant les valeurs par défaut.

Balises de formatage de texte physique

Voici une description des balises de formatage physique. Certains d'entre eux ne sont pas recommandés pour une utilisation par la spécification HTML 4.0 pour les raisons évoquées ci-dessus. Certaines balises sont obsolètes par la spécification HTML 4.0, mais elles continuent d'être prises en charge par les navigateurs.

Étiqueter

La balise affiche le texte en caractères gras. Dans la plupart des cas, il est recommandé d'utiliser une balise de formatage logique au lieu d'une balise. Par exemple:

Il s'agit d'une police en gras.

Riz. 1.2.

Étiqueter

Exemples de formatage de texte physique (navigateur Netscape) Étiqueter

affiche le texte en italique. Dans la plupart des cas, il est recommandé d'utiliser les balises , ou à la place de cette balise, car ces dernières reflètent mieux le but du texte sélectionné. Par exemple: Sélection

Étiqueter

italique

La balise affiche le texte dans une police à espacement fixe. Dans la plupart des cas, il est préférable d'utiliser les balises , ou au lieu de cette balise. Exemple:

Étiqueter

Exemples de formatage de texte physique (navigateur Netscape) Il s'agit d'une police monospace.

affiche le texte souligné. Balise annulée. Il est recommandé d'utiliser des balises ou à la place. Par exemple: Exemple

souligne

texte

Balises et

Les balises affichent du texte traversé par une ligne horizontale. Balise annulée. La balise doit être utilisée à la place. Par exemple:

... .

Étiqueter

Exemple de texte barré.

Actuellement, la balise n'est pas prise en charge par tous les navigateurs, il est donc pour l'instant recommandé de l'utiliser en combinaison avec la balise. À savoir, vous pouvez placer quelques balises dans une balise de conteneur

Étiqueter

La balise affiche le texte dans une taille de police plus grande (que la partie non balisée du texte). Au lieu de cet élément, il est préférable d'utiliser des balises de titre, par exemple :

Taille de police plus grande.

Étiqueter

La balise déplace le texte en dessous du niveau de la ligne et l'affiche (si possible) dans une taille de police plus petite. Pratique à utiliser pour les indices mathématiques. Par exemple:

Exemple de police pour l'indice.

Étiqueter

La balise déplace le texte au-dessus du niveau de la ligne et l'affiche (si possible) dans une taille de police plus petite. Pratique à utiliser pour attribuer des puissances de nombres en mathématiques. Par exemple:

Exemple de police pour l'exposant.

Étiqueter

La balise affiche un texte clignotant. Cette balise ne fait pas partie de la spécification HTML et n'est prise en charge que par le navigateur Netscape. Les développeurs expérimentés ont rarement recours à cette balise, car la présence de caractères clignotants sur la page agace de nombreux utilisateurs.

Étiqueter

Une balise de conteneur est analogue à une balise de niveau bloc. Peut être utilisé lorsque vous devez marquer un morceau de texte pour définir ses propriétés et ne peut utiliser aucune autre balise de formatage structurel.

Le navigateur Microsoft Internet Explorer permet en outre d'utiliser les paramètres de balises suivants : DIR, DATAFLD, DATAFORMATAS, DATASRC.

Une description des paramètres se trouve dans la deuxième partie du livre.

Riz. 1.3.

Il s'agit d'une police en gras.

Utilisation de balises de formatage de texte imbriquées Les balises de formatage peuvent être imbriquées les unes dans les autres..

Dans ce cas, vous devez vous assurer soigneusement qu'un conteneur se trouve entièrement dans un autre conteneur. Sur la fig. La figure 1.3 montre un exemple d'imbrication d'un élément italique dans un élément gras. Le fragment de code HTML suivant est utilisé : Ce

Étiqueter

italique

Et voici le texte

gras et italique

La balise spécifie les paramètres de police. Il fait référence aux balises de formatage physique au niveau du texte.

L'attribution de paramètres de police directement dans le texte du document viole l'idée de base de séparer le contenu du document et de décrire la forme de présentation du document. Par conséquent, dans la spécification HTML 4.0, cette balise, ainsi que la balise, sont classées comme annulées. Leur utilisation ultérieure n'est pas recommandée.

.

Les paramètres suivants peuvent être définis pour une balise : FACE, SIZE et COLOR. Notez que le navigateur Netscape permet également l'utilisation de deux paramètres supplémentaires : POINT-SIZE et WEIGHT, dont la description est omise.

AFFRONTER

Le paramètre FACE est utilisé pour spécifier le type de police dans laquelle la visionneuse de l'utilisateur affichera le texte (si une telle police est disponible sur l'ordinateur). La valeur de ce paramètre est le nom de la police, qui doit correspondre exactement au nom de la police dont dispose l'utilisateur.

Si aucune police de ce type n'est trouvée, cette instruction sera ignorée et la police par défaut sera utilisée.

Vous pouvez spécifier un ou plusieurs noms de polices, en les séparant par des virgules. C'est une propriété très utile, puisque différents systèmes peuvent avoir des polices presque identiques avec des noms différents. Une autre qualité importante est la définition des préférences d'utilisation des polices. La liste des polices est numérisée de gauche à droite. Si l'ordinateur de l'utilisateur ne dispose pas de la première police de la liste, une tentative est effectuée pour trouver la police suivante, et ainsi de suite.

Voici un exemple d'utilisation du paramètre FACE :




Objectif des polices

Un exemple de spécification d'un nom de police.

Sur la fig. La figure 1.4 montre comment le navigateur Netscape affiche un exemple. Dans l'exemple, la police Verdana est indiquée comme police préférée ; si elle est absente, la police Arial sera utilisée, etc.

Riz. 1.4.

Exemple d'affichage du navigateur Netscape

TAILLE

Ce paramètre est utilisé pour spécifier les tailles de police dans des unités arbitraires de 1 à 7. La taille de police spécifique dépend de la visionneuse que vous utilisez. Il est généralement admis qu’une taille de police « normale » correspond à une valeur de 3.

Le nom du fichier est strictement déterminé par le système d'exploitation de l'ordinateur sur lequel il est stocké. Vous devez également distinguer le titre du document (avec la balise) des titres du document, généralement marqués par des balises.

Les paramètres de taille de police par défaut, ainsi que le degré de modification absolue de la taille de police, varient selon les navigateurs.

Sur la fig. La figure 1.5 montre la fenêtre des paramètres du navigateur Netscape, qui définit les polices par défaut.

La taille de la police est indiquée à la fois en valeur absolue (SIZE=2) et en valeur relative (SIZE=+1). Cette dernière méthode est souvent utilisée en combinaison avec la définition de la taille de police de base à l'aide du .

Riz. 1.6.

Attribution des tailles de police

Attribution des tailles de police

Taille de police 1

Taille de police 2

Taille de police 3

Taille de police 4

Taille de police 5

Taille de police 6

Taille de police 7

COULEUR

Cette option définit la couleur de la police, qui peut être spécifiée à l'aide de noms standard ou au format #RRGGBB. Voici un exemple de document avec du texte multicolore.

Choisir une couleur de police


Texte vert

Étiqueter

Texte rouge

Le nom du fichier est strictement déterminé par le système d'exploitation de l'ordinateur sur lequel il est stocké. Vous devez également distinguer le titre du document (avec la balise) des titres du document, généralement marqués par des balises.

La balise est utilisée pour indiquer la taille, le type et la couleur de police par défaut utilisés dans le document. Ces valeurs sont obligatoires pour l'ensemble du document, mais peuvent être remplacées aux endroits nécessaires à l'aide de la balise. Après la balise de fermeture, l'effet de la balise est restauré. Les paramètres de police par défaut peuvent être remplacés plusieurs fois dans un document, ce qui signifie qu'une balise peut apparaître plusieurs fois dans un document.

La balise peut également apparaître dans une section du document.

Notez qu'il n'y a pas de balise de fermeture pour la balise.

Les paramètres peuvent être exactement les mêmes que pour le tag, à savoir : FACE, SIZE et COLOR. Le but et les règles d'écriture des paramètres sont similaires.

Note

Le navigateur Netscape n'autorise pas le paramètre de balise FACE.

Attribution des tailles de police

Donnons un exemple d'utilisation de la balise.

Texte écrit dans la police par défaut.

Taille de police 2.

Taille de police 4.

Texte à l'intérieur d'une cellule de tableau

Texte après le tableau

L'exemple ci-dessus remplace deux fois la taille de police par défaut. Initialement, c'est 3 (par défaut). Ensuite, il est réglé sur 2, puis sur 4. Faites attention à l'affichage de cet exemple (Fig. 1.7). On peut voir que l'affectation des balises ne fonctionne pas pour les tables. Ceci est typique de nombreux navigateurs, même si cela viole formellement l'idée d'utiliser la balise.

Riz. 1.7.

Exemple d'affichage AVEC TAG (navigateur Netscape)

Formatage d'un document HTML

L'une des premières règles pour rédiger presque n'importe quel document est de diviser son texte en paragraphes séparés qui expriment une pensée complète.

Les documents HTML ne font pas exception à cette règle. Lors de la création de documents à l'aide d'éditeurs de texte, la division en paragraphes se fait en saisissant un caractère de nouvelle ligne. La plupart des éditeurs l'implémentent lorsque vous appuyez sur la touche.

Dans les documents HTML, les nouvelles lignes ne créent pas de nouveau paragraphe.

HTML suppose que l'auteur du document ne sait rien de l'ordinateur du lecteur. Le lecteur a le droit de définir n'importe quelle taille de fenêtre et d'utiliser n'importe quelle police à sa disposition. Cela signifie que l'emplacement du trait d'union est déterminé uniquement par les paramètres du spectateur et de l'utilisateur final.

Étant donné que les sauts de ligne dans le document d'origine sont ignorés, le texte qui s'affiche bien dans la fenêtre de l'éditeur du document peut se transformer en texte solide et illisible dans la fenêtre de visualisation.

Vous pouvez éviter ce problème en utilisant une balise spéciale de division de paragraphe.

Le nom du fichier est strictement déterminé par le système d'exploitation de l'ordinateur sur lequel il est stocké. Vous devez également distinguer le titre du document (avec la balise) des titres du document, généralement marqués par des balises.

Avant le début de chaque paragraphe de texte, vous devez placer une balise

Balise de fermeture
pas requis. Les navigateurs séparent généralement les paragraphes par une ligne vide.

Exemples de formatage de texte physique (navigateur Netscape)

Les navigateurs interprètent généralement plusieurs balises de paragraphe à la suite

Comme un. La même chose s'applique à la balise de saut de ligne

. Il n’est donc pas possible de créer plusieurs lignes vides à l’aide de ces balises.	Peut être spécifié avec le paramètre d'alignement horizontal ALIGN. Les valeurs possibles des paramètres sont données dans le tableau. 1.4. La valeur par défaut est l'alignement à gauche.
Tableau 1.4. Valeurs des paramètres ALIGN	Valeur du paramètre ALIGN
Action	GAUCHE
Aligner le texte sur le bord gauche de la fenêtre du navigateur	CENTRE
Aligner au centre de la fenêtre du navigateur	DROITE

Aligner sur le bord droit de la fenêtre du navigateur

Le nom du fichier est strictement déterminé par le système d'exploitation de l'ordinateur sur lequel il est stocké. Vous devez également distinguer le titre du document (avec la balise) des titres du document, généralement marqués par des balises.

L’absence de justification semble actuellement surprenante. Ce mode est très souvent utilisé pour les publications imprimées.

Il suffit de prendre n'importe quel journal ou de regarder attentivement les paragraphes de ce livre - ils sont tous alignés en largeur. Cependant, jusqu'à récemment, la justification n'était pas autorisée pour les documents HTML. Il y a quelques années à peine, aucun navigateur ne disposait d'un tel mode. Ainsi, les lecteurs qui utilisent encore le navigateur Netscape version 3.x ne pourront pas voir de lignes droites dans le document. Vous pouvez essayer de prédire quelles autres fonctionnalités les navigateurs auront à l'avenir en comparant les capacités de puissants éditeurs de texte et des navigateurs modernes. Un exemple de fonctionnalités qui n'ont pas encore été implémentées serait la césure automatique, etc.

Saut de ligne
Lors de l'affichage de documents texte dans un navigateur, l'emplacement des sauts de ligne dans un paragraphe est déterminé automatiquement en fonction de la taille des polices et de la taille de la fenêtre de visualisation. Les sauts de ligne ne peuvent être effectués qu'à l'aide de caractères séparateurs de mots (par exemple des espaces). Parfois, dans les documents, vous devez définir un saut de ligne forcé, qui est implémenté quels que soient les paramètres du navigateur. Cela se fait à l’aide de la balise de saut de ligne forcé.
, qui n'a pas de balise de fermeture correspondante. Activer une balise

dans le texte du document garantira que le texte suivant est placé au début d'une nouvelle ligne.

Par exemple, cette approche peut être utilisée pour créer des structures de type liste sans utiliser de balises de balisage de liste spéciales. Ou, par exemple, cette balise ne peut pas être utilisée pour afficher des poèmes, etc.

Voici un exemple d'utilisation du saut de ligne forcé (Fig. 1.8) :

Utilisation du saut de ligne forcé

Sur Petrograd sombre

Novembre respirait le froid de l'automne.

Éclaboussant avec une vague bruyante

Aux bords de ta fine clôture,

Neva se tournait comme une malade

Agité dans mon lit.
A.S. Pouchkine. Cavalier de bronze

Riz. 1.8.

Étiqueter
peut être utilisé pour forcer un saut de ligne

Contrairement à la balise de paragraphe
Lors de l'utilisation de la balise
. Cela se produit si la largeur de la fenêtre de visualisation du lecteur est inférieure au même paramètre du programme avec lequel vous avez testé votre document. Dans ce cas, il peut s'avérer qu'un seul mot reste sur une ligne au milieu d'un paragraphe, gâchant ainsi la beauté de la mise en page du document.

Le nom du fichier est strictement déterminé par le système d'exploitation de l'ordinateur sur lequel il est stocké. Vous devez également distinguer le titre du document (avec la balise) des titres du document, généralement marqués par des balises.

Lors de l'utilisation de la balise
Pour séparer le texte autour d'une image ou d'un tableau, vous pouvez définir le paramètre CLEAR pour arrêter le retour à la ligne du texte. Vous pouvez lire à ce sujet dans les chapitres 3 et 4.

Mots clés tu

Il existe des situations où vous devez effectuer l'opération inverse : désactiver le saut de ligne. Il existe une balise conteneur pour cela.

Le nom du fichier est strictement déterminé par le système d'exploitation de l'ordinateur sur lequel il est stocké. Vous devez également distinguer le titre du document (avec la balise) des titres du document, généralement marqués par des balises.

Le texte marqué de cette balise est garanti sur une seule ligne, quelle que soit sa longueur. Si la ligne résultante s'étend au-delà de la fenêtre de visualisation du navigateur, une barre de défilement horizontale apparaîtra. Pour assurer la continuité du texte situé dans les cellules du tableau, il existe un paramètre spécial de la balise NOWRAP

. Vous pouvez en apprendre davantage à ce sujet au chapitre 4.
En balisant le texte à l’aide de la balise de ligne insécable, vous pouvez obtenir de très longues lignes. Pour éviter cela, vous pouvez indiquer au navigateur du lecteur l'emplacement d'un éventuel saut de ligne, qui ne sera effectué que lorsque cela est nécessaire (le saut de ligne dit "soft"). Cela peut être fait en plaçant une balise (Word BReak) au bon endroit dans le texte, qui est la même que la balise

Le nom du fichier est strictement déterminé par le système d'exploitation de l'ordinateur sur lequel il est stocké. Vous devez également distinguer le titre du document (avec la balise) des titres du document, généralement marqués par des balises.

, n'a pas besoin de balise de fermeture.

La balise n'est pas du tout prise en charge par le navigateur Netscape. Le navigateur Microsoft Internet Explorer reconnaît cette balise uniquement dans le texte marqué par des balises.

Titres dans un document HTML

En plus du titre de l'ensemble du document, une page Web peut utiliser des titres pour des parties individuelles du document. Ces titres peuvent avoir six niveaux (tailles) différents et sont des morceaux de texte qui ressortent à l'écran lorsque le navigateur affiche la page.

Les balises de titre peuvent être spécifiées avec le paramètre d’alignement horizontal ALIGN. Les valeurs possibles du paramètre sont les mêmes que les paramètres d'alignement de la balise de paragraphe

(voir tableau 1.4).

Un exemple d'utilisation de titres de différents niveaux avec un alignement différent (Fig. 1.9) :

Exemples de titres

Taille du titre 1

Taille du titre 2

Taille du titre 3

Taille du titre 4

Taille du titre 5

Taille du titre 6

Corps du document

Riz. 1.9.

Afficher les titres dans différentes tailles

Lignes horizontales

Une autre méthode pour diviser un document en plusieurs parties consiste à tracer des lignes horizontales. Ils soulignent visuellement l'exhaustivité d'une zone particulière de la page. De nos jours, une ligne en relief et enfoncée est souvent utilisée pour indiquer la « volubilité » d'un document.

La balise vous permet de tracer une ligne horizontale en relief dans la fenêtre de la plupart des programmes de visualisation. Cette balise n'est pas un conteneur, elle ne nécessite donc pas de balise de fermeture. Une ligne vierge est automatiquement insérée avant et après la ligne. Les paramètres des balises sont présentés dans le tableau. 1.5.

Exemple:

Tableau 1.5.

Le nom du fichier est strictement déterminé par le système d'exploitation de l'ordinateur sur lequel il est stocké. Vous devez également distinguer le titre du document (avec la balise) des titres du document, généralement marqués par des balises.

Options de balise

Cet exemple définit une ligne horizontale qui occupe la moitié de la largeur de la fenêtre et est positionnée au milieu de la fenêtre. Notez que les options d'alignement n'ont de sens que lorsque la ligne n'occupe pas toute la largeur de la fenêtre.

Le navigateur Netscape n'autorise pas le paramètre de balise COLOR.

Utiliser du texte préformaté

Comme vous pouvez le voir dans les sections ci-dessus, des balises spéciales doivent être utilisées pour diviser le texte en paragraphes et forcer un saut de ligne. Cependant, il arrive parfois qu'il soit nécessaire d'inclure du texte dans un document HTML dont le formatage est déjà effectué de manière traditionnelle en utilisant des sauts de ligne, le nombre requis d'espaces, des caractères de tabulation, etc. Pour résoudre de tels problèmes, une balise de conteneur spéciale est fournie. Définition d'un texte pré-formaté (n reformaté).

L'application consiste à afficher de gros blocs de code de programme (Java, C++, etc.) à l'écran, empêchant le navigateur de les reformater.

Texte à l'intérieur d'un conteneur Peut contenir une mise en forme au niveau du texte, à l'exception des éléments suivants : , , , , , , , , . Il n'est pas acceptable d'inclure des éléments de formatage au niveau des blocs, tels que des balises de titre, dans un texte préformaté. La balise de paragraphe, logiquement, ne devrait pas non plus apparaître à l'intérieur du texte préformaté, mais si c'est le cas, elle implémentera une nouvelle transition de ligne (sans en créer une vide).

Note

La balise possède un paramètre facultatif WIDTH, dont le but est d'indiquer au navigateur la longueur maximale d'une ligne de texte préformaté. En fonction de cette valeur, le navigateur pourrait sélectionner la police et/ou l'indentation souhaitée pour afficher de manière optimale le texte préformaté. La valeur par défaut a été suggérée comme étant 80. Les autres valeurs recommandées sont 40 et 132. Notez que pour les lecteurs ayant une expérience informatique significative, ces chiffres en disent long. En fait, les navigateurs modernes ignorent le paramètre WIDTH.

Il existe plusieurs autres balises qui résolvent un problème similaire. Il s'agit notamment des balises , AND. Ces trois balises sont marquées comme obsolètes dans la spécification HTML 4.0.

Cela signifie que les navigateurs ne les prendront plus en charge dans les versions futures. Il est recommandé d'utiliser la balise à la place de ces balises.

Étiqueter

Une balise conteneur est un élément de niveau bloc qui sert à mettre en évidence un fragment d'un document. Le but de cette sélection est de contrôler les paramètres de ce fragment, ce qui se fait généralement en attribuant des styles. Voici un exemple :

(Fragment de document)

Dans cet exemple, un fragment d'un document HTML est encadré de balises pour définir certaines de ses propriétés. Dans ce cas, tous les éléments de texte du fragment sélectionné seront affichés en vert. Un analogue d'une balise de niveau texte est l'élément.

De nombreuses relations différentes peuvent exister entre les documents. Exemples d'autres valeurs de paramètres REL : signet, copyright, glossaire, aide, accueil, index, toc, suivant, précédent. Le paramètre REV peut également prendre les valeurs suivantes : auteur, éditeur, éditeur, propriétaire.

La balise conteneur est conçue pour aligner horizontalement tous les éléments au milieu de la fenêtre du navigateur. Il s'agit d'un niveau de bloc et est utile pour centrer des éléments tels que des tableaux, car ils ne peuvent pas être centrés par affectation.

ALIGN=balise CENTRE

.

Essentiellement, une balise est une forme courte de l'entrée suivante : . Une utilisation ultérieure de l’étiquette n’est également pas souhaitable pour les raisons évoquées dans la section précédente.

Inclure des commentaires dans un document

Vous pouvez inclure des commentaires dans un document HTML qui ne sont pas visibles par le lecteur. Ils peuvent comporter n'importe quel nombre de lignes et doivent commencer par la balise. Tout ce qui est contenu dans ces balises ne sera pas affiché à l'écran lors de la visualisation de la page.

Des questions ?

Nom

E-mail *

Message *

Envoyer

Signaler une faute de frappe

Texte qui sera envoyé à nos rédacteurs :

Votre commentaire (facultatif) :

Envoyer Annuler