So erstellen Sie einen Kapitelbuchstaben in HTML

Inhalt

• Anweisungen
• Hinweis

Fügen Sie ein Kapitel zu einer Webseite hinzu, damit der erste Buchstabe eines Absatzes den großen Buchstaben in Büchern und Zeitungen entspricht. Er muss größer als der Rest des Textes sein und die anderen Buchstaben sollten um ihn herum gelegt werden. Sie können einen Kapitularbrief mit einem CSS-Stil in einer HTML-Seite implementieren.

Anweisungen

Erfahren Sie, wie Sie einen Großbuchstaben in HTML erstellen (Comstock Images / Stockbyte / Getty Images)

1. Öffnen Sie einen HTML-Editor und laden Sie die Datei, die Sie dem Kapitel hinzufügen möchten.

2. Fügen Sie im Header () der HTML-Datei ein neues Cascading Stylesheet oder eine neue CSS-Klasse hinzu. Wichtig ist, dass der Stil "schwebt", sodass ein anderer Text den Buchstaben umgibt. Ein Beispiel dafür ist folgender Code:

   type = "text / css" media = "all"> .my_drop_cap {float: left; Zeilenhöhe: 1; Schriftgröße: 4em; Rand rechts: 0,1 em; Schriftgewicht: fett; }

3. Schließen Sie den Buchstaben, den Sie kapitulieren möchten, mit "" -Tags, die der im Header erstellten Klasse entsprechen. Fügen Sie im vorherigen Beispiel diesen Code im Hauptabschnitt von HTML hinzu:

   
   

   Mein Briefkappenbrief.

4. Speichern Sie die HTML-Datei und laden Sie sie in einen Webbrowser, um die Kapitulation anzuzeigen.

Hinweis

• Ältere Versionen von Browsern zeigen möglicherweise bestimmte CSS-Codes auf unerwartete Weise an. Laden Sie die HTML-Seite in mehrere Browser, um sicherzustellen, dass sie korrekt angezeigt wird.