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:
- « 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).
- 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.
- 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
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.
...
. 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 plusieursavec les noms des différents modèles.
...
. Le troisième niveau est nécessaire si le texte est compris entre deuxest é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 fermeture…>pas 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
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
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 nationalessur 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 |
|
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
TextePossibilité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 -.