Tâche

Ajoutez un retrait à la première ligne de chaque paragraphe.

Solution

Lorsqu'il s'agit de définir l'indentation des paragraphes, également appelée ligne rouge, il est préférable d'utiliser la propriété de style text-indent. Sa valeur détermine de combien décaler le texte de la première ligne vers la droite par rapport à sa position d'origine. La largeur du bloc de texte ne change pas et reste définie initialement. La quantité de rembourrage peut être spécifiée en pixels, pourcentages ou autres unités disponibles (exemple 1).

Exemple 1 : Indentation de la première ligne

HTML5 CSS 2.1 IE Cr Op Sa Fx

La pandémie babylonienne, selon la tradition biblique, est la tentative ratée du roi Nimrod de construire un pilier à Babylone aussi haut que le ciel. Dieu, en colère contre les gens pour leur désir téméraire, a décidé de punir les bâtisseurs : il a mélangé leur langage pour qu'ils ne comprennent plus l'un l'autre, ont été contraints d'arrêter la construction et progressivement dispersés à travers le monde. À partir de là, comme l'ont expliqué les anciens, la différence de langues a disparu.

Dans le concept habituel, pandémonium babylonien signifie désordre, confusion avec une grande foule de personnes.

Résultat cet exemple illustré à la fig. 1.

La ligne rouge html peut être définie sur 4 différentes façons. Bien qu'il existe certaines normes pour ce phénomène langue donnée programmation ne fournit pas, il n'y a donc aucune restriction à cet égard. Dans cet article, nous utiliserons un ensemble d'outils pas tout à fait standard pour créer une ligne rouge.

1er chemin

Vous devriez commencer par la méthode la plus courante. Seulement dans ce cas, il est nécessaire d'utiliser des tableaux en cascade, car CSS est inextricablement lié au langage de balisage hypertexte. La ligne rouge du HTML peut être définie à l'aide de la propriété "text-indent". Il suffit de spécifier l'élément souhaité et la distance qui sera utilisée pour le retrait sur le côté gauche du document. Par exemple, l'entrée : "p (text-indent: 20px;)" signifie qu'une ligne rouge de 20 pixels sera faite dans chaque p paragraphe. N'importe quel bloc de texte peut être utilisé comme élément pour lequel la valeur est spécifiée. En fait propriété donnée ne définit pas une ligne rouge, mais spécifie simplement l'indentation de la première ligne de l'élément sélectionné. Mais qui remarquera la différence ? La propriété "text-indent" peut prendre trois différentes sortes valeurs:

• Toute unité de mesure courante, telle que px (pixels), in (pouces), pt (points) et autres.
• Valeur en pourcentage. Dans ce cas, la distance à l'élément parent est prise en compte.
• Hériter. Lorsque vous spécifiez valeur donnée la propriété sera héritée de l'élément parent.

2ème voie

En html, la ligne rouge peut être définie sans inclure les tableaux en cascade. Il suffit de mettre plusieurs espaces avant le premier caractère dans le code source de la page. Seulement vous devez utiliser des caractères spéciaux, à savoir "", car si vous mettez un espace régulier, un seul sera pris en compte. Et en utilisant ce symbole, vous pouvez définir le retrait requis. Une telle ligne HTML rouge n'aura pas d'effet global, et vous devrez mettre tous les espaces manuellement. Ce moins vous chargera considérablement lorsque vous travaillez avec un grand nombre de documents. De plus, cette méthode déclarera le code de votre page invalide.

3ème manière

Conclusion

En conclusion, nous pouvons dire que html avec CSS vous permet de faire une grande variété d'effets. Parfois, les propriétés et les éléments sont utilisés à d'autres fins, mais vous ne devez pas trop vous écarter de la signification standard des balises.

Pour lui donner un certain style, vous devez placer le texte dans le conteneur approprié.

Toutes les balises de mise en forme peuvent être divisées en trois groupes :

1. Balises de titre ( h1-h6).

2. Balises de conception du texte principal ( , , ,

, 
 etc.).
3. Balises de regroupement ( 

, 

, 

)

Balises de titre
Transformez le texte brut en titre d'un certain niveau.  Étiqueter 

 crée un titre de premier niveau - le plus grand et le plus important (généralement le titre de l'article sur la page), 

 est responsable du titre du sixième niveau - le plus petit et le plus discret.  Ces balises sont importantes à la fois pour les utilisateurs et les moteurs de recherche - les titres avec des sous-titres sont appréciés par les deux.  La hiérarchie des niveaux doit être respectée, c'est-à-dire pour 

 je dois y aller 

, et non l'inverse.

Pour comprendre comment cela fonctionne, saisissez le code suivant dans le fichier html :
 
En-tête de premier niveau
En-tête de deuxième niveau
En-tête de troisième niveau
En-tête de niveau 4
En-tête de niveau 5
En-tête de niveau 6

Cela ressemblera à ceci dans le navigateur :
Balises de conception de corps de texte
Autoriser le formatage au niveau du caractère.  Voyons ce que vous pouvez en faire.
Caractère gras
Nécessité de se concentrer sur le texte.  C'est aussi important pour les moteurs de recherche, ils peuvent mettre en évidence des mots-clés.
Responsable des balises en gras 
 Et .

Exposant et indice
Ils peuvent être utilisés dans des formules, des équations, la notation de certaines quantités.
La balise est responsable de la création des indices 
, pour la balise supérieure est utilisée 
.
X 1=32m 2
Réduire la taille
Si vous devez faire en sorte que le texte soit un de moins que celui défini sur toute la page, vous devez utiliser la balise 

Texte brut. Texte réduit.
Souligner
Ce type de surbrillance peut être utilisé pour indiquer des modifications apportées à un document ou simplement pour mettre en valeur du texte.
Texte brut. Texte souligné.
Barré
Vous pouvez barrer des informations si elles ont déjà perdu leur pertinence.  Conçu pour cette étiquette 
.
Italique
Nécessaire pour attirer l'attention sur le texte, et peut être créé avec une balise 
 ou 
.

Saisie de texte informatique
Il arrive que vous deviez ajouter le code source du programme et les résultats de son travail à une page Web.  Pour faciliter la distinction visuelle des différentes parties du texte les unes des autres, les développeurs HTML ont introduit les balises de ce groupe.
Au conteneur 
 le code du programme est terminé, tandis que ses variables sont mises en évidence avec une balise 
, et le résultat de l'exécution est 
.  Récipient 
 contient le texte que l'utilisateur doit saisir à partir du clavier lorsqu'il travaille avec le programme, et tout ce qui est entouré de balises 
, conserve le format d'origine, y compris espaces supplémentaires et les sauts de ligne.

  Ainsi un, b, c, Ici résultat d'exécution du programme , et c'est texte saisi par l'utilisateur 
affiché comme ça
.

Citations et définitions
Le code ressemblera à 
 Ainsi 
, les variables sont notées comme suit : 
 un, b, c 
, Ici 
 résultat d'exécution du programme 
, et c'est 
 texte saisi par l'utilisateur 
.  Conserver la mise en forme d'origine 
 affiché comme ça 

.

 
Citation dans la balise blockquote.
Une citation à l'intérieur d'un conteneur de citation.Citation courte avec balise q.Définition dédiée.Abréviation (ONG, IP).

Exemple général
Pour mieux comprendre de quoi est responsable une balise et comment elle fonctionne, consultez le code suivant et le résultat de son exécution.
 
Gras le texte peut être balisé fort Et b.  Derrière italique répondre em Et je.
Mots clés sous Et souper utilisé pour créer inférieur(X 1…X n) Et haut (42=16) indices. Suppr frappe, ins - souligne.
Mots clés code, kbd, var Et samp rarement utilisé et nécessaire pour afficher les listes de programmes
 abbr nécessaire pour les abréviations ( HTML).  Les balises blockquote, cite et q sont utilisées pour citer ( Déjà le ciel respirait en automne)
La balise pre conserve la mise en forme originale du texte sans supprimer les espaces ou les sauts de ligne.

Le navigateur interprète ce code comme ceci :

Balises de regroupement
Il est nécessaire que le texte ne soit pas sur une ligne continue, mais divisé en composants logiques.
Les balises contiennent un paragraphe.
 
Premier paragraphe
La deuxième paragraphe


Étiqueter 

 passe à la ligne suivante dans un paragraphe (il n'y aura pas de retrait avant la ligne).

 permet de tracer une ligne horizontale.  Vous pouvez l'utiliser pour séparer plus visuellement le texte.  Les attributs largeur, taille, couleur, aligner Et pas d'ombre définissez respectivement la largeur, l'épaisseur, la couleur, l'alignement et l'absence d'effet 3D de la ligne.
 
Ligne au-dessus de la ligne. 
Ligne sous ligne.

Bonjour chers lecteurs.  Aujourd'hui, une petite note sur la façon de faire ligne rouge pour chaque paragraphe sur la page html.  Si quelqu'un ne sait pas, alors la ligne rouge est l'indentation de la première ligne dans un bloc de texte.  Une telle indentation dans les paragraphes peut être trouvée dans presque tous les textes imprimés, mais lors de la création de sites Web, la conception de la ligne rouge est assez rare, malgré le fait qu'elle rend le texte beaucoup plus lisible.  Au cas où le client exigerait soudainement que les paragraphes de son site commencent par une ligne rouge, alors je vous donne une recette simple pour résoudre ce problème.
Vous pouvez résoudre le problème de plusieurs façons, par exemple, vous pouvez insérer plusieurs mots à la suite au début de chaque paragraphe. caractères spéciaux mais cela pourrait prendre assez un grand nombre de temps.  Par conséquent, je recommande d'utiliser la propriété CSS pour créer une ligne rouge retrait du texte, qui définit retrait de première ligne bloc de texte.  Dans ce cas, aucun effet sur les lignes restantes n'est effectué.
La propriété text-indent a une syntaxe simple :
retrait du texte:<значение> | <проценты>|  hériter
En tant que valeurs, vous pouvez spécifier des pixels (px), des points (pt) et d'autres unités acceptées dans CSS.  La valeur détermine de combien décaler le texte de la première ligne vers la droite par rapport à la position d'origine.  Il est permis de spécifier des valeurs négatives, puis le texte se déplacera vers la gauche.  Lorsque vous spécifiez des valeurs en pourcentage, l'indentation de la première ligne est calculée en fonction de la largeur du bloc de texte.
Si la ligne rouge doit être ajoutée à un seul paragraphe, vous pouvez le faire :

Résultat:
Il y avait un chêne au bord de la route.  Il était probablement dix fois plus vieux que les bouleaux qui composaient la forêt, dix fois plus épais et deux fois plus haut que chaque bouleau.  C'était un énorme chêne à deux épaisseurs, avec des branches cassées et une écorce couverte de vieilles plaies.  Avec des mains et des doigts énormes, maladroits, asymétriquement tendus et maladroits, il se tenait entre les bouleaux souriants comme un vieux monstre en colère et méprisant.  Seulement lui seul ne voulait pas se soumettre au charme du printemps et ne voulait voir ni le printemps ni le soleil.
Ou ajoutez l'attribut class aux paragraphes qui doivent commencer par une ligne rouge et ajoutez le style souhaité :


Le prince Andrei a regardé plusieurs fois ce chêne alors qu'il traversait la forêt.  Il y avait des fleurs et de l'herbe sous le chêne, mais il se tenait toujours au milieu d'eux, sombre, immobile, laid et têtu. 


Résultat:
Le prince Andrei a regardé plusieurs fois ce chêne alors qu'il traversait la forêt.  Il y avait des fleurs et de l'herbe sous le chêne, mais il se tenait toujours au milieu d'eux, sombre, immobile, laid et têtu.
Maintenant, vous pouvez facilement faire une ligne rouge sur votre pages html
.  À bientôt!
Bonjour!  Continuons à considérer les bases de la programmation de sites Web.  Il est difficile d'en imaginer au moins un, dans le code duquel la balise de paragraphe n'apparaîtrait pas.  Aujourd'hui, nous examinerons comment l'écrire correctement et une description de plusieurs actions supplémentaires avec le texte.
 
Exemple
 
Regardons un exemple de la façon de faire un paragraphe en code HTML.
 
 
Une ou plusieurs offres.

 
Un prérequis est la présence d'une balise ouvrante et fermante.  Soit dit en passant, tout peut être fait directement dans le Bloc-notes, à ce moment-là, vous devrez enregistrer le fichier dans le format approprié.
 
Mise en page
 
Très souvent, je remarque que les gens s'intéressent à la manière de tracer une ligne rouge.  Pour un paragraphe en particulier, c'est très simple.
 
L'activation de ces options indentera la première ligne de 15 pixels à partir du bord gauche.  Si de telles modifications doivent être appliquées à toutes les balises P, alors dans le fichier CSS qui est connecté aux pages du site, vous pouvez écrire le code ci-dessous.
 
Personnellement, je ne fais généralement pas de lignes rouges lors de l'édition de code dans le bloc-notes ou un autre éditeur.
 
J'inclus juste le rembourrage entre les blocs de texte.  Pour ce faire, vous devez écrire des paramètres spéciaux en CSS.
 
 
p(marge-bas : 25 px ;)
 
Si vous utilisez cette conception, après chaque paragraphe, un retrait de 25 pixels apparaîtra.
 
En fait, il existe de nombreuses options pour travailler avec HTML et divers styles.  Je n'en ai décrit que quelques-uns, il est très difficile de tout couvrir dans un seul article.
 
Veulent en savoir plus?  Mes articles précédents sur les sujets suivants peuvent vous être utiles :
 
Sur ce, je vais compléter l'article et, je pense, il ne sera plus difficile de créer des paragraphes en HTML et de les organiser magnifiquement à l'aide de balises spéciales.
 
Je vous souhaite beaucoup de succès dans l'apprentissage de la programmation.  Au fait, avez-vous pensé à gagner de l'argent sur des sites informatifs non commerciaux ?  Il a simplement fourni d'excellentes informations à ses lecteurs sur.
 
Le travail normal et les finances en ligne sont les sujets clés de ce blog.  Vous pouvez vous familiariser dès maintenant avec des prospects individuels en ligne à partir des documents publiés.  Je continue à préparer et à publier de nouveaux contenus, et surtout, vraiment utiles.  Abonnez-vous aux mises à jour Workip sur votre e-mail.  Jusqu'à communiquer.