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

Arbeit mit Text

Arbeit mit Text

Da nicht alle Browser zum Eingeben und Bearbeiten von Informationen zur Verfügung gestellt werden, müssen Sie und ich dieses Thema jeden HTML-Editor oder nur Notepad beherrschen. Wenn Sie die zweite Option ausgewählt haben, geben Sie eine Reihe von Tags in der folgenden Reihenfolge vor: <html> <head> </ head> <body> </ body> </ html>. Dies zeigt an, dass ein HTML-Dokument generiert wird. Innerhalb des <body> </ body> Containers werden wichtige Ereignisse beim Seitenlayout und beim Arbeiten mit Text auftreten. Rush dort.

Um mit Text in der HTML-Sprache zu arbeiten, wird eine große Anzahl von Tags bereitgestellt, die durch die Formatierungsmethode in zwei Gruppen unterteilt sind. Der erste ist ein Tag, der einen Absatz formatieren soll (Textfragment), und der zweite ist ein einzelnes Zeichen aus dem Text. Lass uns in der Reihenfolge beginnen.

Tags zum Formatieren von Absätzen.

Die wichtigste ist das Tag <P> (ceng. Paragraph - Paragraph). Geben Sie dort ein, wo Sie es brauchen: <P> Browse Window </ P> , dann "Speichern unter" in eine Datei mit der Erweiterung .html und öffnen Sie sie in einem Browser. Sie werden das Browserfenster sehen . Wiederholen Sie das gleiche mit den <FONT> , <BASEFONT>, <SPAN> und <DIV> Tags (HINWEIS: sie gehören auch zu dieser Gruppe), aber schreiben Sie sie in eine Spalte und finden Sie die Unterschiede zwischen Absätzen. In der Zukunft ist es nützlich, zwischen ihnen zu wählen.

Lassen Sie uns nun an der Änderung der Schriftart arbeiten . Um eine Schriftart auszuwählen, wenden wir das FACE- Attribut auf die obigen Tags an, in dem Wert, den wir einstellen ( Arial , Tahoma , usw.) oder das Wort Serif - mit Serifen; san_serif - serifenlos; kursiv - kursiv; Monospace - Monospace

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

Hier im Wert beschrieben mehrere Schriften aus gutem Grund. Wenn der Endbenutzer nicht die Schriftart "Tahoma" im Betriebssystem hat, erscheint "Arial" auf dem Monitor usw.

Üben Sie auf Ihrem PC mit den Attributen SIZE (Schriftgröße) und COLOR (Farbe).

Die Tags <U> und <STRIKE> unterstreichen bzw. streichen den Text.

Mit dem <PRE> -Tag können vorgefertigte HTML-Dokumente auf einer Seite eingefügt werden, die einen separaten Absatz enthält. Es können verschiedene Tabellen, Formulare, Vorlagen etc. sein.

Tags zum Erstellen von Zeichen

  • <I> und <em> - Setzen Sie die Zeichen kursiv. Attribute haben nicht.
  • <B> und <STRONG> - setzen Sie die Zeichen fett. Attribute haben nicht.

Zu all dem oben Gesagten können wir sagen, dass es für ein vollständiges Verständnis der Struktur der HTML-Sprache im Allgemeinen kognitiver Natur ist. In der Praxis werden HTML-Editoren mit integrierter Textformatierung und Cascading Stylesheets in der Praxis verwendet. Wir empfehlen Ihnen jedoch dringend, diese Tags zu lesen, da Sie ohne dieses Wissen den Seitencode nicht manuell korrigieren können.

Listen erstellen

Listen auf Webseiten werden häufig verwendet, um etwas aufzulisten. Sie sind in drei Kategorien unterteilt. Hier ist eine Liste von ihnen mit visuellen Beispielen:

  1. Bestellte Liste. Das Tag hat die Bezeichnung <OL> und platziert in sich die Enumeratoren der Listenelemente, die im Container <LI> eingeschlossen sind. Hier ein Beispiel: <OL> <LI> element1 <LI> element2 ... <LI> Element n </ OL> . Beachten Sie, dass das <LI> -Tag nicht geschlossen wird . Das <OL> -Tag hat das TYPE- Attribut mit Werten: 1 ist arabische Ziffern, A ist ein großer lateinischer Buchstabe, und ist ein kleingeschriebener lateinischer Buchstabe, I ist eine römische Großzahl, i ist eine römische Kleinzahl.
  • Ungeordnete Liste. Das Tag hat die Bezeichnung <UL> und ist nach den Konstruktionsprinzipien im HTML-Code identisch mit dem vorherigen mit einem Unterschied in den Werten des TYPE- Attributs . Hier sind die folgenden Werte: Quadrat-Quadrat , Kreis - Kreis und Festplatte- gefüllte Festplatte.
Liste der Definitionen
Besteht aus einem Titel und Inhalt in einer Liste dieses Titels.
Tag-Bezeichnung - <DL> (Definitionsliste).
Verschachtelte Tags für das <DL> -Tag
<DT> - macht eine Überschrift.
<DD> - enthält eine Beschreibung für den Titel.
Hinweis
Die Tags <DT> und <DD> müssen nicht geschlossen werden.
Die Tags <DT> und <DD> haben keine Attribute.
Aufgaben:
Finden Sie im HTML-Code dieser Seite die Reihenfolge der Auflistung.
Verwenden Sie als Beispiel und üben Sie auf Ihrem Computer.

Seitenkodierung

Wenn Sie genug Zeit am Computer verbracht haben, mussten Sie sich dem Phänomen stellen, wenn der Monitor Text in Form von obskuren Zeichen zeigte. Dies ist ein Codierungsproblem. Der Trick besteht darin, dass die Zeichen in verschiedenen Sprachen (Russisch, Englisch usw.) unterschiedliche Kombinationen und die Anzahl der Bits haben, die üblicherweise als "Textkodierungen" bezeichnet werden. Das Codierungsproblem wird durch Ändern der Falte gelöst. Diese Methode zum Konstruieren von Text in Maschinencode findet im Internet statt. So, dass Besucher Ihrer Seite statt russischer Buchstaben - "abracodabra" nicht sehen; und sie mussten nicht in den Browsereinstellungen "basteln" - lösen Sie dieses Problem, indem Sie die gewünschte Kodierung in den Container <HEAD> einfügen (siehe oben). In Windows unterstützen die folgenden Kodierungen Russisch: Windows-1251 , UTF-8 , ISO-8859-5 , KOI-8R und die russische Kodierung der Seite sieht folgendermaßen aus:

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

Hinweis:
Werte von CONTENT- und CHARSET-Attributen werden in einfache Anführungszeichen eingegeben.
Verwenden Sie Windows-1251 , um die vollständige Kompatibilität der russischen Sprache auf verschiedenen Betriebssystemen zu gewährleisten.