This page has been robot translated, sorry for typos if any. Original content here.

Travailler avec du texte

Travailler avec du texte

Étant donné que tous les navigateurs ne sont pas fournis pour la saisie et la modification des informations, nous aurons besoin de tout éditeur HTML ou simplement du Bloc-notes pour apprendre ce sujet. Si vous avez sélectionné la deuxième option, entrez tout d’abord l’étiquette définie dans l’ordre suivant: <html> <head> </ head> <body> </ body> </ html>. Cela indique qu'un document HTML sera créé. Dans le conteneur <body> </ body>, les événements principaux se produiront sur la mise en page et fonctionneront également avec du texte. Dépêchons-nous là-bas.

Pour travailler avec du texte au format HTML, un grand nombre de balises sont fournies. Elles sont divisées en deux groupes en fonction de la méthode de formatage. Le premier fait référence à des balises conçues pour formater un paragraphe (fragment de texte), et le second fait référence à un seul caractère du texte. Commençons dans l'ordre.

Tags pour la mise en forme de paragraphe.

La principale est la balise <P> (c eng. Paragraphe - paragraphe). Entrez dans le bloc-notes où vous avez besoin: <P> Fenêtre Parcourir </ P> , puis "enregistrer sous" dans un fichier portant l'extension .html et ouvrez-le dans un navigateur. Vous verrez la fenêtre de navigation . Répétez le même processus avec les balises <FONT> , <BASEFONT>, <SPAN> et <DIV> (NOTE, ils appartiennent également à ce groupe), mais écrivez-les dans la colonne et recherchez les différences entre les paragraphes. À l'avenir, cela vous sera utile pour choisir entre eux.

Travaillons maintenant sur la modification de la police . Afin de sélectionner une police, nous appliquons l'attribut FACE aux balises ci-dessus, dans la valeur que nous mettons son nom ( Arial , Tahoma , etc.) ou le mot serif - avec empattements; san_serif - sans-serif; cursive - italique; monospace - monospace

Exemple: <SPAN FACE = "Tahoma, Arial, san_serif"> .

Ici, la valeur décrit plusieurs polices pour une bonne raison. Si l'utilisateur final n'a pas la police «Tahoma» dans le système d'exploitation, «Arial» apparaîtra sur son moniteur, etc.

Entraînez-vous sur votre PC avec les attributs TAILLE (taille de la police) et COULEUR (couleur).

Les balises <U> et <STRIKE> soulignent et barrent le texte, respectivement.

La balise <PRE> est utilisée pour insérer des documents HTML prédéfinis sur la page, en fournissant un paragraphe séparé. Il peut s'agir de divers tableaux, formulaires, modèles, etc.

Tags pour former des personnages

  • <I> et <EM> - définissez les caractères en italique. Ils n'ont aucun attribut.
  • <B> et <STRONG> - donnez aux caractères une orthographe audacieuse. Ils n'ont aucun attribut.

À propos de tout ce qui précède, on peut dire qu’il s’agit d’une connaissance générale pour une compréhension complète de la structure du langage HTML. En réalité, les éditeurs HTML avec formatage de texte intégré et feuilles de style en cascade sont utilisés dans la pratique. Mais nous vous recommandons vivement d’étudier ces balises, car sans cette connaissance, vous ne pourrez pas corriger manuellement le code de la page.

Construire des listes

Les listes sur les pages Web sont assez souvent utilisées pour lister quelque chose. Ils se divisent en trois catégories. En voici une liste avec des exemples visuels:

  1. Listes numérotées ( liste ordonnée). La balise a la désignation <OL> et place les énumérateurs des éléments de liste inclus dans le conteneur <LI> . Voici un exemple: <OL> <LI> élément1 <LI> élément2 ... <LI> élément n </ OL> . Notez que la balise <LI> ne se ferme pas . La balise <OL> a l'attribut TYPE avec les valeurs suivantes: 1 - chiffres arabes, A - lettres latines majuscules, a - lettres latines minuscules, I - chiffres romains majuscules, chiffres - Romains minuscules.
  • Liste non ordonnée La balise a la désignation <UL> et, conformément aux principes de construction du code HTML, est identique à la précédente, avec une différence dans les valeurs de l'attribut TYPE. Ici, les valeurs suivantes ont lieu: carré- carré, cercle - cercle et disque rempli de disques.
Listes de distribution
Il consiste en un titre et une liste du contenu de ce titre.
La désignation de l'étiquette est <DL> (liste de définition).
Balises imbriquées pour la balise <DL>
<DT> - compose le titre.
<DD> - fournit une description du titre.
Note
Les balises <DT> et <DD> n'ont pas besoin d'être fermées.
Les balises <DT> et <DD> n'ont pas d'attribut.
Tâches:
Recherchez la procédure de liste dans le code HTML de cette page.
Utilisez comme exemple et exercez-vous sur votre ordinateur.

Encodage de page

Si vous passiez suffisamment de temps devant votre ordinateur, vous deviez faire face à un tel phénomène lorsque le moniteur affichait du texte sous forme de caractères incompréhensibles. C'est un problème de codage. L'astuce est que les caractères dans différentes langues (russe, anglais, etc.) ont des combinaisons et un nombre de bits différents, appelés "encodages de texte". Le problème d'encodage est résolu en modifiant la curdation. Cette méthode de création de texte en code machine a également lieu sur Internet. Pour que les visiteurs de votre site ne voient pas à la place des lettres russes - "abracodabra"; et ils n’ont pas eu à "choisir" les paramètres du navigateur - résolvez ce problème en insérant le codage souhaité dans le conteneur <HEAD> (voir ci-dessus). Sous Windows, la langue russe prend en charge les codages suivants: Windows-1251 , UTF-8 , ISO-8859-5 , KOI-8R et le codage russe de la page se présentera comme suit:

<meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">

Note:
Les valeurs des attributs CONTENT et CHARSET sont placées entre guillemets simples.
P