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

Travailler avec du texte

Travailler avec du texte

Puisque tous les navigateurs ne sont pas fournis pour l'introduction et la modification des informations, nous aurons besoin d'utiliser un éditeur HTML ou simplement un bloc-notes pour apprendre ce sujet. Si vous avez choisi la deuxième option, entrez d'abord le jeu de balises dans l'ordre suivant: <html> <head> </ head> <body> </ body> </ html>. Cela indique qu'un document HTML sera créé. À l'intérieur du conteneur <body> </ body>, les événements principaux se produiront sur la mise en page et fonctionneront avec du texte incluant. Allons-y.

Pour travailler avec du texte en HTML, un grand nombre de balises sont fournies qui sont divisées par la méthode de formatage en deux groupes. Le premier est les tags destinés au formatage du paragraphe (un fragment du texte), et au second, un seul caractère du texte. Commençons dans l'ordre.

Tags pour le formatage des paragraphes.

Le principal est l'étiquette <P> (c English Paragraph - paragraph). Tapez le bloc-notes où vous voulez: <P> Fenêtre de navigation </ P> , puis "enregistrer sous" dans un fichier avec l'extension .html et ouvrez-le dans votre navigateur. Vous verrez la fenêtre Parcourir . Répétez la même chose avec les balises <FONT> , <BASEFONT>, <SPAN> et <DIV> ( notez qu'ils font également partie de ce groupe), mais écrivez-les dans une colonne et trouvez les différences entre les paragraphes. À l'avenir, cela est utile lorsque vous choisissez entre eux.

Nous allons maintenant travailler sur la modification de la police . Afin de sélectionner une police, nous appliquons l'attribut FACE aux balises ci-dessus, définissons son nom ( Arial , Tahoma , etc.) ou serif - avec des empattements; san_serif - sans empattement; 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, alors "Arial" apparaîtra sur le moniteur, etc.

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

Les balises <U> et <STRIKE> accentuent et barrent le texte en conséquence.

La balise <PRE> est destinée à l'insertion de documents prêts pour le HTML dans la page, avec un paragraphe distinct. Il peut s'agir de différentes tables, formulaires, modèles, etc.

Tags pour la formation du personnage

  • <I> et <EM> - définissent les caractères en italique. Les attributs n'ont pas.
  • <B> et <STRONG> - mettre les caractères en gras. Les attributs n'ont pas.

À propos de tout ce qui précède, nous pouvons dire qu'il est de connaissance générale pour une compréhension complète de la structure du langage HTML. En pratique, les éditeurs HTML avec des outils intégrés de mise en forme du texte et des feuilles de style en cascade sont utilisés dans la pratique. Mais nous vous recommandons fortement d'étudier ces balises, car sans cette connaissance, vous ne pouvez pas modifier manuellement le code de la page.

Lister les listes

Les listes sur les pages Web sont souvent utilisées pour lister quelque chose. Ils tombent dans trois catégories. Nous listons leur liste avec des exemples visuels:

  1. Listes numérotées ( liste ordonnée). La balise porte la désignation <OL> et énumère en interne les é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> n'est pas fermée . La balise <OL> a l'attribut TYPE avec les valeurs: 1- Chiffres arabes, A- lettres latines majuscules, lettres latines a - line, chiffres romains I- rom, chiffres- i chiffres romains.
  • Liste non ordonnée. L'étiquette a la désignation <UL> et selon les principes de construction dans le code HTML est le même que le précédent avec la différence dans les valeurs de l'attribut TYPE. Nous avons ici les valeurs suivantes: carré , cercle et disque.
Listes-définitions
Il se compose d'un en-tête et du contenu sous la forme d'une liste de cette rubrique.
La désignation de l'étiquette est <DL> (liste de définitions).
Balises imbriquées pour la balise <DL>
<DT> - constitue le titre.
<DD>: décrit une description de l'en-tête.
Note:
Les balises <DT> et <DD> n'ont pas besoin d'être fermées.
Les balises <DT> et <DD> n'ont pas d'attributs.
Affectations
Retrouvez dans le code HTML de cette page l'ordre de compilation des listes.
Prenez un exemple et entraînez-vous sur votre ordinateur.

Encodage de page

Si vous avez passé suffisamment de temps à l'ordinateur, vous avez dû faire face à un tel phénomène lorsque le moniteur affichait du texte sous la forme de symboles incompréhensibles. C'est un problème d'encodage. L'astuce est que les caractères dans différentes langues (russe, anglais, etc.) ont des combinaisons différentes et le nombre de bits, qui sont communément appelés "codages de texte". Le problème de l'encodage est résolu par les changements de pupe dans l'encodage. Cette façon de construire du texte en code machine se fait sur Internet. Que les visiteurs de votre site n'ont pas vu à la place des lettres russes - "abracodabra"; et ils n'ont pas eu à "choisir" dans les paramètres du navigateur - résoudre ce problème en insérant le codage souhaité dans le conteneur <HEAD> (voir ci-dessus). Dans Windows, la langue russe prend en charge les codages suivants: Windows-1251 , UTF-8 , ISO-8859-5 , KOI-8R , et l'encodage russe de la page ressemblera à ceci:

<meta http-equiv = "Content-Type" content = "texte / html; jeu de caractères = windows-1251">

Note:
Les valeurs des attributs CONTENT et CHARSET sont placées dans des guillemets simples
Pour une compatibilité totale de la langue russe sur différents systèmes d'exploitation, utilisez Windows-1251 .