Quel attribut de la balise font vous permet de définir la couleur. Comment créer une belle police en HTML : tailles, couleurs, balises de police HTML

Il semblerait, pourquoi connaître les balises HTML pour le texte, si désormais presque tous les panneaux d'administration en ont une pratique qui les définit automatiquement ?

Le fait est que le formatage du contenu sur un site Web est fondamentalement différent du travail dans des applications bureautiques. Ici, il ne suffit pas simplement de donner au texte une apparence attrayante, car non seulement l'affichage d'une page Web, mais aussi sa promotion dans les moteurs de recherche dépendent d'une conception correcte.

Balises et attributs HTML : syntaxe de base

Tout texte a un code caché qui « explique » à l'ordinateur quoi et comment afficher à l'écran. Toutes les informations sont enregistrées à l'aide d'un ensemble d'éléments universels.

Essentiellement, les balises de texte HTML sont des commandes qui ajoutent certains blocs à une page ou modifient leur apparence. Le format d'enregistrement correct ressemble à ceci :

Veuillez noter que toutes les balises ne sont pas appariées. Par exemple,
(saut de ligne) ou


(en ajoutant une ligne horizontale) n'a pas du tout besoin d'être fermé.

Pourquoi vous ne pouvez pas copier des articles de Word et d'autres programmes dans l'éditeur de site Web

Bien que les programmes bureautiques modernes utilisent les mêmes balises HTML pour le texte, 99 % du temps, le code natif est inutilisable pour les pages Web. Même si le document s'affiche normalement dans l'application elle-même, une fois inséré sur un site Web, le formatage peut être perdu. De plus, en raison du grand nombre de balises et d’attributs inutiles, les moteurs de recherche ne peuvent pas analyser correctement le contenu de la page. Ce qui, à son tour, rend difficile la promotion de votre ressource.

Pour obtenir un code propre et pertinent, vous devez d'abord effacer le texte des balises HTML créées par un éditeur classique. Il y a plusieurs moyens de le faire:

  1. « Exécutez » l'article via le Bloc-notes et insérez-le ensuite seulement sur le site. L'application efface tout le code HTML, vous devrez donc à nouveau formater le texte (à l'aide des outils de l'éditeur ou manuellement).
  2. Rédigez et publiez des articles à l'aide de LiveWriter. L'éditeur de blog populaire génère immédiatement le code correct. Et dans un onglet séparé, vous pouvez voir à quoi ressemblera le texte sur le site.
  3. Utilisez HTML Cleaner. Ce service en ligne ne détruit pas l'intégralité du code, mais uniquement les fragments inutiles. À l'aide de filtres, vous choisissez les balises que vous souhaitez enregistrer. Il existe également un puissant éditeur de formatage visuel qui ajoute des commandes déjà optimisées au code.

Paragraphes

Cet élément est présent dans presque tous les articles. Chaque paragraphe doit être situé à l'intérieur d'un tel conteneur - cela simplifie le formatage et vous permet de conserver un style cohérent sur toutes les pages du site. Pour plus de commodité, l'étiquette

Écrivez toujours sur une nouvelle ligne.

Alignement

La balise HTML distincte « Alignement du texte » n'a plus été utilisée depuis longtemps. Au lieu de cela, un attribut ALIGN générique a été créé. Pour modifier la position d'un bloc de texte sur la page, vous devez sélectionner l'une des 3 valeurs - CENTRE, DROITE ou GAUCHE. Vous pouvez définir l’alignement d’autres éléments, tels que les titres, de la même manière.

Dans certaines situations, d'autres balises sont utilisées pour l'alignement, par exemple, vous pouvez positionner à l'aide de l'élément

...
. Pourquoi une balise distincte est-elle utile ? Contrairement à l'attribut, il fonctionne avec n'importe quel contenu, y compris les photos, vidéos, flash, etc.

Titres et sous-titres

Le système de sous-titres vous permet de créer une structure de contenu logique. Lorsque le texte est divisé en blocs significatifs, il est beaucoup plus facile pour le lecteur de se concentrer et d'absorber de nouvelles informations. Les moteurs de recherche analysent également les titres pour comprendre pour quelles requêtes promouvoir la page. C’est pourquoi les experts SEO recommandent d’y utiliser des mots-clés d’actualité.

HTML utilise six niveaux de sous-titres - de

avant

. Il existe une hiérarchie claire dans ce système :

  • ...

    . Article principal, produit dans une boutique en ligne, etc.). Il ne peut y en avoir qu'un dans le texte

    . En règle générale, il contient le mot-clé principal.

  • ...

    . Les sous-titres de deuxième niveau divisent le texte en blocs significatifs. Par exemple, si vous évaluez des ordinateurs portables, vous pouvez effectuer plusieurs

    avec les noms des différents modèles.

  • ...

    . Le troisième niveau est nécessaire si le texte est compris entre deux

    est également décomposé en petits blocs. Dans notre exemple, il pourrait s'agir de critères d'évaluation - « Performances », « Mémoire », « Carte vidéo », etc. pour chaque modèle.

  • ,

    ,
    . En pratique, ils sont extrêmement rares. Mais le principe général est le même : ils doivent être « imbriqués » dans un bloc avec un sous-titre de niveau supérieur.

Assurez-vous de maintenir la hiérarchie correcte. En revenant à notre exemple, cela signifie que vous ne pouvez pas saisir immédiatement les noms de modèles comme

ou

. Et plus encore, utilisez des sous-titres de différents niveaux pour des blocs de sens homogène (par exemple, mettez en avant un ordinateur portable qui a pris la dernière place du classement en utilisant
).

Voici un diagramme qui vous aidera à comprendre et à mémoriser instantanément la structure correcte des titres en HTML.

Listes

Il est préférable de formater toutes les listes et instructions sous forme de listes, en utilisant des balises HTML spéciales pour le texte (une erreur typique est de quelques paragraphes seulement).

Qui commencent par un trait d'union ou un chiffre).

La structure de ces blocs est très simple. Tout d’abord, nous déterminons le type de liste – à puces ou numérotées.

Tous les éléments se trouvent entre les balises d'ouverture et de fermeture. Chaque élément de la liste commence sur une nouvelle ligne et a le format . Le nombre d'éléments n'est pas limité.

Le choix et ses attributs

Que peut-on changer en utilisant cette police et cette couleur - et sans ajouter de nouvelles classes au CSS. Ceci est très pratique lorsque vous devez mettre en évidence une seule phrase ou un seul fragment.

possède plusieurs attributs :

  • Affronter. Vous permet de changer la police du texte. Vous pouvez lister plusieurs options séparées par des virgules (Tahoma, Verdana). Si l'utilisateur n'a pas installé la première police, le système utilise simplement une alternative.
  • Taille. Pour agrandir ou réduire le texte, saisissez une valeur comprise entre 1 et 7 entre guillemets.
  • Couleur. Selon le design, vous pouvez choisir l'une des teintes standards (rouge, vert, bleu) ou saisir un code pour la couleur de votre choix.

N'utilisez pas de paragraphes formatés avec , au lieu de sous-titres. Il est préférable de définir les mêmes paramètres de conception avec la bonne balise.

Façons de surligner du texte

Un texte monotone est fatiguant, même découpé en paragraphes. Pour attirer l’attention et susciter l’intérêt du lecteur, il est recommandé de mettre en évidence graphiquement les points clés. Voici quelques commandes qui vous aideront à faire face à cette tâche.

... . Une balise HTML extrêmement populaire. Le texte en gras attire immédiatement le regard et il est donc pratique de l'utiliser pour mettre en évidence des points et des faits importants.

Beaucoup de gens confondent les balises Et . Il n'y a pas de différence visuelle, mais ils fonctionnent différemment. Le premier change simplement l’apparence du texte, tandis que le second fait office d’« index » et met en évidence les fragments les plus importants (mots-clés et expressions thématiques pour le référencement).

... . L'italique élégant et strict est idéal pour la conception de termes scientifiques, de mots étrangers et d'une variété de citations. Dans les publications sérieuses, les noms des œuvres d'art sont également mis en évidence en italique.

... . Peut-être qu’aucune autre balise HTML n’a suscité autant de controverses. Le soulignement du texte est rarement utilisé, car cette méthode de surlignage a historiquement été attribuée aux hyperliens. Si tu utilises dans les articles, veuillez noter que cela ne convient qu'aux fragments courts - pas plus d'une ligne.

... . Un tag intéressant qui permet de réaliser une pièce, très pertinent en publicité - par exemple, pour souligner le contraste entre l'ancien et le nouveau prix.

... . Le moyen le plus simple d’augmenter la taille de la police sans aucune option supplémentaire.

... . Elle fonctionne sur le même principe que la balise précédente. Le texte situé à l'intérieur est réduit par rapport au texte principal.

... . Le nom correct pour ce format est exposant. Cette balise est principalement destinée aux diplômes mathématiques et aux notes de bas de page. Il réduit la taille de la police et déplace le texte sélectionné vers le haut.

... . Les indices se trouvent souvent dans diverses formules. Le fragment sélectionné est situé sous le texte principal.

Des conteneurs significatifs

Étant donné que certains blocs ont été trouvés dans de nombreux textes, des balises spéciales ont commencé à être créées pour eux. Cela simplifie le formatage, car si chaque type de contenu a son propre ensemble de styles, il suffit de mettre en évidence un morceau de texte et d'indiquer les informations qu'il contient.

... . Balise pour ajouter des codes informatiques. Indispensable dans les articles sur la programmation avec exemples - les commandes ne sont pas exécutées, mais affichées sous forme de texte brut.

... . Conçu pour formater des citations - par exemple, des extraits clés d'une interview.

. Place une partie du texte dans un bloc séparé. Par défaut, la sélection comporte davantage de remplissage à gauche, mais vous pouvez également modifier la taille, le style de police et la couleur du texte en CSS.

...
. Une balise supplémentaire qui contient des informations sur l'auteur, y compris des liens.

Ligne de démarcation

Une simple ligne peut être utilisée pour marquer la fin logique d’une grande section.


ne s'applique pas aux balises appariées. Cela signifie que l'élément de format de fermeturepas besoin.

À l'aide de l'attribut WIDTH, vous pouvez raccourcir le séparateur en spécifiant une taille appropriée en pixels ou un pourcentage de la largeur de la fenêtre.

En apprenant à utiliser correctement les balises pour formater le texte en HTML, vous rendrez non seulement vos articles plus faciles à lire, mais augmenterez également votre efficacité SEO.

Dans le dernier article, je vous ai expliqué comment les utiliser, etc. Et aujourd'hui, je vais vous parler d'une autre partie intégrante de la création de sites Web, à savoir les attributs des balises HTML. Et bien sûr, selon la tradition, nous les examinerons à l'aide d'exemples réels et les essaierons sur notre site Web avec Lukomorye, que nous avons présenté dans le dernier article.

Un attribut est un ajout spécial à une balise qui étend ses capacités et peut modifier les propriétés du contenu. Et si la balise est toujours fixe, alors l'attribut peut avoir plusieurs valeurs. Par exemple, dans la balise nous pouvons mettre des attributs de couleur du texte, de taille du texte, de police, etc. Mais nous examinerons la police plus en détail dans un autre article.

Il existe des attributs universels et non universels. Les universels conviennent à presque toutes les étiquettes, et les non universels conviennent à un ou plusieurs, mais pas à tous...

L'attribut est écrit à l'intérieur de la balise après sa valeur, mais avant le crochet fermant. Tout d'abord, l'attribut lui-même est placé, puis le signe égal, puis la valeur elle-même entre guillemets. Cela ressemble à ceci :

Texte

Que découle de cet exemple ? Nous avons ouvert un paragraphe et à l'intérieur de la balise, nous avons défini l'attribut align, qui est responsable de l'alignement du texte. Ensuite, nous mettons le signe « = », ce qui signifie que nous attribuons une valeur à cet attribut. De plus, entre guillemets, nous écrivons cette valeur même. Dans ce cas, il s'agit du "centre". Cela signifie que le texte de ce (et seulement celui-ci !) paragraphe sera centré. Essayez-le vous-même.

Mais n'oubliez pas de consulter le site Internet livre html. Vous y trouverez certainement ce qui correspond à quoi. Il s'agit simplement d'une référence de bureau pour tout développeur Web, en particulier un débutant.

Aligner

Comme vous l'avez déjà compris, cet attribut signifie l'alignement du texte. Il est généralement placé dans les balises responsables du contenu lui-même (texte, images, etc.). En général, vous pouvez le mettre dans les rubriques (

,...,

), aux paragraphes (

), des photos , élément de bloc (

).

Valeurs d'attribut possibles :

  • gauche — alignement à gauche (par défaut)
  • droite – alignement à droite
  • centre — alignement central
  • justifier - alignement pleine largeur

Essayez de vous entraîner et voyez comment la disposition de vos éléments change.

Titre

Nom familier, non ? Vraiment. Il existe une telle balise, et nous la mettons entre Et . Mais maintenant, je parle spécifiquement de l'attribut, et il s'adapte à presque toutes les balises, puisqu'il est universel. Et c'est nécessaire comme indice en survol. Et le fait est que vous écrivez cet indice vous-même. Cela ressemble à ceci :

Qu'est-ce que 5-3 ?

Que voit-on ici ? Au début, on ouvre le paragraphe, puis on écrit l'attribut lui-même et on lui donne la valeur « Pourquoi es-tu stupide ? Il y en aura 2." Ensuite, nous écrivons le texte affiché et à la fin nous fermons la balise

.

Que se passe-t-il après cela ? Enregistrez le document et voyez par vous-même. Lorsque vous survolez le texte, une info-bulle devrait apparaître.

Plusieurs valeurs

Une balise peut contenir n'importe quel nombre d'attributs. L'essentiel est qu'ils correspondent à ce label. Voici un exemple :

Contenu

Comme vous pouvez le constater, tout est assez simple ici, il suffit d'écrire tous les attributs séparés par un espace dans une seule balise. À partir de cet exemple, nous voyons que le contenu sera aligné à droite, et lorsque nous le survolerons avec le curseur de la souris, une info-bulle apparaîtra. C'est simple. J'espère que tout est clair ?

Eh bien, revenons maintenant à notre Lukomorye, ce que nous avons fait lors de la dernière leçon.

Exemple vivant

  • Alignez tout le texte du document avec « Lukomorye » au centre (avec les titres),
  • Dans le titre du premier niveau, mettez l'indice « L'auteur de l'ouvrage est A.S. Pouchkine"

Si vous n'avez pas le dossier complété de la leçon précédente, alors prenez-le et mettez tous les attributs nécessaires pour que tout fonctionne selon la tâche.

Et selon la tradition, au début, faites tout vous-même. Et si cela ne fonctionne pas, consultez les étapes que j'ai écrites ci-dessous.


Après cela, enregistrez le document HTML et exécutez-le. Vérifions ce que nous avons. Est-ce que tout est correct ? Je pense que tout devrait s'arranger pour toi. Mais j’ai quand même l’impression que beaucoup d’entre vous en ont assez de mettre des attributs dans chaque quatrain. Je vais vous montrer comment rendre ce processus plus facile.

Si vous devez attribuer le même attribut à un grand segment, la balise nous y aidera.

. Un DIV est simplement un élément de bloc vide qui sert de sorte de conteneur pour un regroupement. Vous pouvez mettre ici divers attributs dans le but de les appliquer à un fragment commun. Et si vous souhaitez généralement appliquer un attribut à l'ensemble du document, vous pouvez généralement l'écrire dans la balise main. .

En général, dans ce cas, vous n’êtes pas obligé de mettre l’attribut align="center" dans chaque balise. Il te suffit de mettre

avant le titre et fermez-le avec
à la fin de tout le texte. Eh bien, à l'intérieur
set align="center" , mais une seule fois. À mon avis, c'est beaucoup plus rapide et plus pratique et au final, la même chose se produit.

Alors comment ? Comprenez-vous le principe général ? Nous allons simplement continuer à étudier encore plus. L'essentiel est que vous compreniez le principe de disposition des balises et des attributs. Si nécessaire, posez vos questions. Je serai ravi d'y répondre.

Eh bien, pour une formation complète sur le principe de création d'un site internet, je vous recommande de regarder un excellent cours vidéo" HTML5 et CSS3 de zéro à pro". Là, vous apprendrez le HTML, le CSS, apprendrez à mettre en page des sites de cartes de visite, des blogs et même des boutiques en ligne. Le cours est tout simplement génial pour un développeur Web novice.

Eh bien, j'ai fini pour aujourd'hui. J'espère que vous avez aimé l'article et que vous l'avez trouvé utile. N'oubliez pas de vous abonner aux mises à jour de mon blog pour toujours être au courant des choses les plus intéressantes et ne pas manquer de nouvelles leçons. Eh bien, je vous dis au revoir pour aujourd'hui. Je vous souhaite du succès dans la maîtrise de la matière. Bye Bye!

Cordialement, Dmitri Kostin.

Navigateur Internet Explorer Netscape Opéra Safari Mozilla Firefox
Version 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Prise en charge Oui Oui Oui Oui Oui Oui Oui Oui Oui Oui Oui Oui Oui

Description

Étiqueter est un conteneur permettant de modifier les caractéristiques de la police telles que la taille, la couleur et la police de caractères. Bien que cette balise soit toujours supportée par tous les navigateurs, elle est considérée comme obsolète et il est recommandé d'abandonner son utilisation au profit des styles.

Syntaxe

Texte

Balise de fermeture

Requis.

Possibilités

color Définit la couleur du texte. face Spécifie la police de caractères. size Définit la taille de la police en unités conventionnelles.

Exemple 1 : Utiliser une balise





Balise POLICE


P. La première lettre de cette phrase est écrite en police Arial, surlignée en rouge et agrandie.



Description des paramètres de la balise

Paramètre COULEUR

Description

Définit la couleur du texte à l'intérieur du conteneur .

Syntaxe

...

Arguments

La valeur de couleur peut être définie de deux manières.

1. Par son nom

Les navigateurs prennent en charge certaines couleurs par leur nom.

2. Par valeur hexadécimale

Les nombres hexadécimaux sont utilisés pour spécifier les couleurs. Le système hexadécimal, contrairement au système décimal, est basé, comme son nom l'indique, sur le nombre 16. Les nombres seront les suivants : 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A. , B, C , D, E, F. Les chiffres de 10 à 15 sont remplacés par des lettres latines. Les nombres supérieurs à 15 dans le système hexadécimal sont formés en combinant deux nombres en un seul. Par exemple, le nombre 255 en décimal correspond au nombre FF en hexadécimal. Pour éviter toute confusion lors de la détermination du système numérique, un symbole dièse # est placé avant le nombre hexadécimal, par exemple #666999. Chacune des trois couleurs – rouge, vert et bleu – peut prendre des valeurs de 00 à FF. Ainsi, le symbole de couleur est divisé en trois composants #rrggbb, où les deux premiers symboles indiquent la composante rouge de la couleur, les deux du milieu - le vert et les deux derniers - le bleu.

Semblable à CSS

Valeur par défaut

La couleur par défaut du navigateur.

Paramètre VISAGE

Description

Le paramètre face est utilisé pour spécifier la police de caractères utilisée pour le texte. Vous pouvez lister plusieurs noms de polices, séparés par des virgules. Dans ce cas, si la première police spécifiée n'est pas trouvée, le navigateur utilisera la suivante dans la liste.

Syntaxe

...

Arguments

N'importe quel nombre de noms de polices séparés par des virgules. Familles de polices universelles :
serif - polices serif (antiques), telles que Times ;
sans-serif - polices sans-serif (polices sans empattements ou sans empattements), un représentant typique est Arial ;
cursive - polices cursives ;
fantaisie - polices décoratives;
monospace - polices monospace, la largeur de chaque caractère de cette famille est la même.

Semblable à CSS

Valeur par défaut

La police par défaut dans le navigateur.

Paramètre TAILLE

Description

Spécifie la taille de la police en unités arbitraires de 1 à 7. La taille moyenne utilisée par défaut est 3. La taille de la police peut être spécifiée soit sous forme de valeur absolue (par exemple, size="4" ) soit sous forme de valeur relative (par exemple , taille="+1" , taille="-1" ). Dans ce dernier cas, la taille change par rapport à celle de base. La taille de la police est affectée non seulement par le paramètre de taille spécifié, mais également par le choix de la police de caractères. Ainsi, la police Arial semble plus grande que la police Times et la police Verdana est légèrement plus grande que la police Arial. Tenez compte de cette fonctionnalité lors du choix d’une police et de sa taille.

Syntaxe

...

Arguments

Un nombre entier de 1 à 7, ou en changeant la valeur vers le haut ou vers le bas à l'aide des symboles + et -.

< POLICE DE CARACTÈRE TAILLE=… COULEUR=... AFFRONTER=...> texte POLICE DE CARACTÈRE>

TAILLE- des ensembles taille de police, qui sera utilisé par le texte contenu dans l'élément FONT. Vous pouvez spécifier une taille de police absolue en spécifiant un nombre entier compris entre 1 et 7. Pour une police, vous pouvez également spécifier taille relative, en attribuant à l'attribut un entier signé (par exemple, cela pourrait être SIZE="+1" ou SIZE="-2").

COULEUR- indique couleur, qui mettra en valeur ce morceau de texte. Les couleurs sont spécifiées sous forme de valeur RVB avec une notation hexadécimale, ou une valeur symbolique de l'une des couleurs standard est sélectionnée.

AFFRONTER- des ensembles police de caractères, par exemple FACE=ARIAL.

texte - texte télétype (monospace).

texte - style avec police italique ( italique).

texte- styler avec audacieux Police de caractère.

texte U>- styler avec soulignant texte.

texte GRAND>- impression du texte en police taille augmentée(plus grand que le texte environnant).

texte PETIT>- impression du texte en police taille réduite(plus petit que le texte environnant).

texte SOUS>- imprimer le texte avec un décalage vers le bas ( indice ou interlinéaire).

texte SUP>- imprimer le texte avec un décalage vers le haut ( exposant ou exposant).

texte GRÈVE> ou < S> S> - style avec texte barré.

Balises HTML spéciales

Étiqueter< ADRESSE> utilisé pour mettre en évidence l'auteur du document et son adresse (par exemple, e-mail).

Certains personnages sont caractères de contrôle en HTML et sont ajoutés au texte uniquement à l'aide de séquences ESC :

    équerre gauche "<" - <

    équerre droite ">" ->

    esperluette "&" - &

    double citation """ - "

Il existe un grand nombre de séquences ESC pour les caractères spéciaux, tels que " " pour  et "®" pour . L'une des fonctionnalités est le remplacement des caractères dans la 2ème partie de la table des symboles (après le 127ème caractère) par des séquences d'échappement pour la transmission de fichiers texte avec les langues nationales​​sur des canaux 7 bits.

Séquences ESC sensible aux majuscules et minuscules: NE PEUT PAS être utilisé à la place<.

Les balises les plus couramment utilisées sont présentées dans le tableau 2.

Tableau 1.2 - Balises de base pour concevoir un document HTML

Attribut

Fonction

version= doubler

Indique la version HTML utilisée pour créer ce document

Le texte entouré de balises sera affiché en italique

Balise HEAD – les balises de début et de fin de la partie d’en-tête d’un document HTML

étiqueterTITRE– balises de titre de début et de finHTML-document

étiqueterUN– des balises de début et de fin qui permettent de créer un lien hypertexte (attributhref) ou un identifiant de fragment (attributnom) entêteHTML-document

href= URL

Spécifie l'URL du document cible du lien hypertexte (obligatoire s'il ne s'agit pas d'une ancre de nom)

méthodes= liste

Spécifie une liste de méthodes d'affichage spécifiques au navigateur (séparées par des virgules)

nom= doubler

Précise le nom de l'identifiant du fragment (obligatoire s'il ne s'agit pas d'une ancre de lien hypertexte)

rel = connexion

La relation de ce document avec le document cible est déterminée

rév= connexion

cible= Nom

Spécifie le nom du cadre ou de la fenêtre d'affichage du document indiqué par le lien.

titre= doubler

Spécifie un nom de ressource uniforme indépendant de l'emplacement pour ce lien hypertexte

étiqueterADRESSE– le texte enfermé dans ces balises est une adresse

étiqueterB– le texte inclus dans ces balises sera affiché en gras

étiqueterBASE– celui de base est indiquéURLpour tous les prochesURLdans ce document

Attribut

Fonction

href= URL

Spécifiez l'URL de base

cible= Nom

Définit la fenêtre cible par défaut pour tous les liens dans le document. Destiné principalement à rediriger les liens vers d'autres frames. Il existe quatre valeurs spéciales : _blank, _parent, _self et _top

étiqueterBASE– spécifie la taille de la police pour le texte suivant

Attribut

Fonction

taille= signification

étiqueterGRAND– le texte entouré de balises sera affiché dans une taille de police plus grande

étiqueterCORPS– balises de début et de fin du corps du document

un lien = couleur

Définir la couleur des liens hypertextes actifs dans un document

arrière-plan= URL

Spécifie l'URL de l'image d'arrière-plan

couleurbg= couleur

Définir la couleur d'arrière-plan du document

bgpropriétés = signification

Si signification est égal à fixe, empêche l'image d'arrière-plan de défiler avec le contenu du document (C'EST À DIRE.2 et supérieur)

marge gauche = moyenne n Non

Définir la taille (en pixels) de la marge gauche du document (C'EST À DIRE.2 et supérieur)

lien= couleur

Définir la couleur des liens hypertextes "non visités" dans un document

texte= couleur

Définir la couleur du texte normal dans un document

marge supérieure = signification

Définir la taille (en pixels) de la marge supérieure du document (C'EST À DIRE.2 et supérieur)

lien v= couleur

Définir la couleur des liens "visités" dans un document

étiqueterBR– interrompre le flux de texte en cours et le reprendre au début de la ligne suivante

Attribut

Fonction

Définit le "wrap" de l'objet dont l'emplacement est indiqué par la valeur de cet attribut (gauche, droite ou tout). Lorsque vous passez à la ligne sur une nouvelle ligne, le texte sera placé de manière à ce que l'objet reste visible

étiqueterCENTRE– placer le texte entre balises au centre

étiqueterCITER– le texte entre balises est une citation

étiqueterCOMMENTAIRE– Commentaire dans le texte du document. Les commentaires seront visibles dans n'importe quel navigateur. Pour tous les navigateurs, le commentaire est représenté comme

étiqueterDD– définit la partie descriptive de l'élément de liste de définitions

étiqueterDFN– le texte entouré de balises est formaté comme une définition

étiqueterD.L.– créer une liste de définitions contenant des balises< dt> et< jj>

étiqueterD.T.– une partie descriptive-conditionnelle est spécifiée pour un élément de la liste des définitions

étiqueterINTÉGRER– des balises de début et de fin qui permettent de décrire l'objet intégré dans le document. Selon le type d'objet incorporé, des paramètres supplémentaires peuvent être inclus en plus de ceux listés ci-dessous

Attribut

Fonction

Spécifie l'URL de l'objet incorporé. Cet attribut est obligatoire

hauteur= n

Spécifie la hauteur de la zone qu'occupera l'objet intégré

nom= Nom

Spécifie le nom de l'objet incorporé

Spécifie la largeur de la zone qu'occupera l'objet intégré

étiqueterPOLICE DE CARACTÈRE– définir la taille, la couleur ou la police de caractères du texte entouré de balises

Attribut

Fonction

Définir la couleur du texte entouré de balises

visage=liste

Définition de la police du texte balisé (définit le premier nom de police répertorié dans une liste séparée par des virgules)

taille= signification

Définissez la taille de police de base. Plage – de 1 à 7

étiqueterHn– le texte entre balises représente le titre du niveaun. Valeurs possiblesn– de 1 à 6

Attribut

Fonction

aligner= taper

Spécifie comment le titre doit être aligné : à gauche (par défaut), au centre ou à droite (à droite).

étiqueterHEURE– interrompre le flux de texte actuel. Une règle horizontale sera insérée au point de rupture.

Attribut

Fonction

aligner= taper

Spécifie comment la règle doit être alignée : à gauche, au centre (par défaut) ou à droite

N'utilisez pas d'ombrage volumétrique lors de l'affichage d'une règle

Définition de l'épaisseur de la règle sur un nombre entier de pixels

largeur= signification

étiqueterje– le texte entouré de balises sera affiché en italique

étiqueterIMG– une image est insérée dans le flux de texte actuel

Attribut

Fonction

alt= texte

Définit un texte alternatif pour les navigateurs qui ne prennent pas en charge les images.

Bordure= n

Définir l'épaisseur (en pixels) de la bordure des images contenues dans les hyperliens

Ajout de commandes de lecture pour les clips vidéo intégrés (C'EST À DIRE.2 et supérieur)

Dynasrc= URL

EnsembleURL-adresse du clip vidéo à imager( C'EST À DIRE. 2 et supérieur)

Hauteur= n

Définit la hauteur de l'image en pixels

Hespace= n

Définit le placement à gauche et à droite de l'image des zones d'espace libre d'une largeur de n pixels

Indique que lors de l'utilisation de cette balise dans une balise l'image est sélectionnée à l'aide de la souris

boucle= signification

Définissez le nombre de répétitions de lecture vidéo. Signification peut être un entier ou un infini (C'EST À DIRE.2 et supérieur)

Lowsrc= URL

Spécifié par une image basse résolution que le navigateur doit charger en premier. Ceci est suivi de l'image spécifiée par l'attribut (C'EST À DIRE.2 et supérieur)

Spécifie l'URL source de l'image à lire. Cet attribut est obligatoire

début = Commencer

Spécifie quand lire le clip vidéo (options : ouverture de fichier ou survol de la souris)

Utiliser la carte = URL

Spécifie la zone de l'image sensible au mouvement de la souris

Vespace= n

Spécifie le placement des zones d'espace libre de npixels au-dessus et au-dessous de l'image

Spécifie la largeur de l'image en pixels

étiqueterKBD– le texte entouré de balises est saisi caractère par caractère (comme lors d’une saisie à partir d’un clavier)

étiqueterLIEN- dans le titre (< tête >) d'un document, un lien de ce document vers un autre document est déterminé

Attribut

Fonction

href= URL

méthodes= liste

Définit une liste de méthodes d'affichage de ce lien, en fonction du navigateur (séparées par des virgules)

rel = connexion

La relation de ce document avec le document cible est déterminée. Pour Internet Explorer 3.0, rel=style signifie l'existence d'une feuille de style externe

rév= connexion

Le retour du document cible avec les données est déterminé

Spécifie l'URL de la feuille de style externe qui sera utilisée pour formater le document ( C'EST À DIRE.2 et supérieur)

titre= doubler

Définit le titre du document cible

tapez= texte/css

Un nom de ressource universel est spécifié pour le document cible, quel que soit son emplacement.

étiqueterCARTE– la zone de l'image sensible au mouvement de la souris est déterminée

Attribut

Fonction

nom= doubler

Spécifie le nom de cette zone. Cet attribut est obligatoire

étiqueterNOBR– les sauts ne sont pas autorisés dans le texte entouré de balises

étiqueterP.– balises de début et de fin de paragraphe

aligner= taper

Définit la manière dont le texte d'un paragraphe est aligné : à gauche, au centre ou à droite

étiqueterTEXTE DE PLAINTE– précise que le reste du document doit être affiché tel quel, sous forme de texte préformaté

étiqueterPRÉ– le texte entouré de balises sera affiché comme ceci. comment il a été pré-formaté, sans traitement, avec des sauts de ligne et un espacement précis

Le navigateur placera le texte de manière à ce que (si possible) n caractères tiennent sur la ligne

étiqueterS

étiqueterSAMP– le texte entre balises est un modèle

étiqueterPETIT– le texte entouré de balises sera affiché dans une taille de police plus petite

étiqueterESPACEUR– insérer un séparateur dans le document(SeulementN3)

tapez= taper

Le type de séparateur est spécifié : vertical – une zone d'espace vide de la taille spécifiée est placée entre deux lignes de texte ; horizontal – une zone d'espace vide de la taille spécifiée est placée entre des mots ou des caractères ; bloc – insertion d'une zone rectangulaire

Spécifie (en pixels) la largeur d'un séparateur horizontal ou la hauteur d'un séparateur vertical

Spécifie la largeur du séparateur de bloc

hauteur= n

Spécifie la hauteur du séparateur de bloc

aligner= signification

Spécifie comment le délimiteur de bloc est aligné par rapport au texte environnant.

étiqueterPORTÉE– le texte entouré de balises sera formaté à l’aide d’une feuille de style(SeulementC'EST À DIRE.3 et plus)

Attribut

Fonction

style= éléments

Les éléments de feuille de style sont spécifiés pour le texte dans un espacement donné

étiqueterGRÈVE– le texte entouré de balises sera affiché avec une ligne horizontale à travers lui

étiqueterSOUS– le texte entouré de balises sera affiché en indice

étiqueterSOUPER– le texte entouré de balises sera affiché en exposant

étiqueterTT– le texte entouré de balises sera affiché en police monospace

étiqueterVAR– le texte entre les balises représente le nom de la variable

Étiqueter est un conteneur permettant de modifier les caractéristiques de la police telles que la taille, la couleur et la police de caractères. Bien que cette balise soit toujours supportée par tous les navigateurs, elle est considérée comme obsolète et il est recommandé d'abandonner son utilisation au profit des styles.

Syntaxe

Texte

Possibilités

Description des paramètres de la balise


Paramètre COULEUR

Définit la couleur du texte à l'intérieur du conteneur .

Syntaxe

...

Analogue de CSS -color

Paramètre VISAGE

Le paramètre face est utilisé pour spécifier la police de caractères utilisée pour le texte. Vous pouvez lister plusieurs noms de polices, séparés par des virgules. Dans ce cas, si la première police spécifiée n'est pas trouvée, le navigateur utilisera la suivante dans la liste.

Syntaxe

...

Les arguments sont constitués d'un nombre quelconque de noms de polices séparés par des virgules. Familles de polices universelles :

  • empattement— les polices serif (antiques), telles que Times ;
  • sans empattement— polices sans empattement (polices sans empattements ou sans empattements), un représentant typique est Arial ;
  • cursive— les polices italiques ;
  • fantaisie— polices décoratives ;
  • monospace- les polices monospaces, la largeur de chaque caractère de cette famille est la même.

Analogue CSS - famille de polices

Paramètre TAILLE

Définit la taille de la police en unités arbitraires de 1 à 7. La taille moyenne utilisée par défaut est 3. La taille de la police peut être spécifiée soit sous forme de valeur absolue (par exemple, size="4"), soit sous forme de valeur relative (pour exemple, size="+1" size="-1"). Dans ce dernier cas, la taille change par rapport à celle de base. La taille de la police est affectée non seulement par le paramètre de taille spécifié, mais également par le choix de la police de caractères. Ainsi, la police Arial semble plus grande que la police Times et la police Verdana est légèrement plus grande que la police Arial. Tenez compte de cette fonctionnalité lors du choix d’une police et de sa taille.

Syntaxe

...

L'argument est un entier de 1 à 7 ou une augmentation ou une diminution de valeur à l'aide des symboles + et -.

Publications sur le sujet