Fügen Sie dem HTML-Editoreine Tabelle hinzu

Fügen Sie einen Beispieltabellezu einem Wissensartikel mithilfe von HTML-Feldsteuerelementenhinzu , und formatieren Sie sie.

Vorbereitungen

Erforderliche Rolle: admin

Warum und wann dieser Vorgang ausgeführt wird

In dieser Aufgabe erstellen und formatieren Sie eine Tabelle entweder in „htmlArea“ oder TinyMCE v6.8.3. Die resultierenden Tabellen sollten einer der folgenden Abbildungen ähneln.

Abbildung : 1. Tabellenbeispiel in htmlArea

Abbildung : 2. Tabellenbeispiel in TinyMCE v6.8.3

Wenn Sie alternative Werte für Aspekte wie Breite, Zellenabstand, Zellenabstand, Rahmen und Ausrichtung eingeben, weicht die resultierende Tabelle von den angegebenen Beispielen ab.

Prozedur

1. Navigieren zu Alle > Wissen > Bearbeiten und wählen Sie den Wissensartikel, den bearbeiten soll.
2. Positionieren Sie im Feld HTML den Cursor an der Position , an der Sie die Tabelle hinzufügen möchten.
3. Wählen Sie das Tabellensymbol, dann Tabelle einfügenund anschließend die Anzahl der Zeilen und Spalten aus.
4. Ediktiert die Tabelleneigenschaften.
   1. Positionieren Sie den Cursor in der Tabelle, wählen Sie das Tabellensymbol und dann Tabelleneigenschaftenaus.
   2. Geben Sie auf der Registerkarte Allgemein die folgenden Werte ein.
      • Breite: 75 %
      • Zellenabstand: 3
      • Zellenabstand: 3
      • Rahmen: 1
      • Ausrichtung: Links
   3. Wählen Sie auf der Registerkarte Erweitert das Textfeld neben Rahmenfarbe aus, und geben Sie Grauein.
      Das Farbauswahlfeld wird grau, um die eingegebene Farbe anzuzeigen. Sie können auch das Feld aktivieren und die Farben in der Palette auswählen.
   4. Wählen Sie OK aus.
5. Udatieren Sie die Header-Tabellenzeile.
   1. Wählen Sie in der ersten Tabellenzeile die Zellen aus, wählen Sie das Tabellensymbol aus, und wählen Sie Zeile > Zeileneigenschaftenan.
   2. Geben Sie auf der Registerkarte Allgemein die folgenden Werte ein.
      • Zeilentyp: Header
      • Ausrichtung: Mitte
   3. Geben Sie auf der RegisterkarteErweitert im Textfeld neben Hintergrundfarbe#87cefa ein, um sie auf Hellblau festzulegen.
   4. Wählen Sie OK aus.
6. Sund die Zelleneigenschaften der Tabelle .
   1. Wählen Sie alle Tabellenzellen in der ersten Spalte mit Ausnahme von und den -Zellen in der Header-Zeileaus.
   2. Swählen Sie das Tabellensymbol aus, und wählen Sie Zelle > Zelleneigenschaftenan.
   3. Geben Sie auf der Registerkarte Allgemeindie folgenden Werte ein:
      • H-Ausrichtung: Links
      • V-Ausrichtung: Oben
   4. Wählen Sie OK aus.
   5. Wiederholen Sie diese Schritte für die Tabellenzellen in der zweiten Spalte.
7. Sändern Sie die Hintergrundfarbe der mittleren Zeile.
   1. Positionieren Sie den Cursor in der mittleren Tabellenzeile, wählen Sie das Tabellensymbol aus, und wählen Sie Zeile > Zeileneigenschaftenan.
   2. Geben Sie auf der Registerkarte Erweitertim Textfeld neben HintergrundfarbeSilber ein, um die Farbe #c0c0c0 festzulegen.
   3. Wählen Sie OK aus.
   4. Wiederholen Sie diesen Vorgang für jede andere Tabellenzeile.
8. Sund die Breite der Spalteist.
   1. Wählen Sie die erste Spalte der Tabelle aus, wählen Sie das Tabellensymbol aus, und wählen Sie Zelle > Zelleneigenschaftenan.
   2. Geben Sie auf der Registerkarte Allgemein im Textfeld Breite30 % ein.
   3. Wählen Sie OK aus.
9. Drücken und halten Sie den Formularheader (oder klicken Sie mit der rechten Maustaste darauf), und wählen Sie Speichern.
10. Geben Sie Daten in die Tabellenzellen ein, und speichern Sie den Artikel.