Schriftart und Größe in der HTML -Tabelle angeben

Schriftart und Größe in der HTML -Tabelle angeben
Wenn die Tabellen in einem HTML -Dokument erstellt werden. Die traditionelle Art, eine Tabelle in HTML zu erstellen, besteht darin, eine „hinzuzufügen“" Element. Insbesondere, um die Schriftart und Größe für die Tabelle anzugeben, die “”Element wird verwendet.

Dieser Beitrag zeigt die Methode, um die Schriftart und Größe einer HTML -Tabelle anzugeben.

Verwenden Sie "” -Tag, um Schriftart und Größe in der HTML -Tabelle anzugeben

Die Entwickler können die Schriftart und Größe in der HTML -Tabelle über die “angeben“"Element so, dass das"Element deckt alle Tabelleninhalte ab. Die Größe der Tabelle kann durch Verwendung der “deklariert werdenGröße”Attribut in der“Das Eröffnungsetikett und der Schriftstil können durch die "deklariert werden"Gesicht”Attribut.

Beispiel

Nehmen wir an, es gibt das folgende Beispiel für eine HTML -Tabelle, für die wir die Schriftart und Größe definieren werden:















Kunden IDKundennameDateinamenKeyname
New51132Windows2012Demo.PDFTestKey

Im obigen Code -Snippet:

  • A "Schriftart"Element wird hinzugefügt, das die Attribute hat"Größe" Und "Gesicht”In dem Öffnungs -Tag, um die Größe und den Schriftart der Tabelle anzugeben.
  • Im Inneren "SchriftartElement, fügen Sie eine "hinzu"TischElement, um die Tabelle zu erstellen, für die die oben genannte Größe und die Schriftstilattribute angewendet werden müssen.
  • In der Öffnung “Tisch”Tag, setzen Sie die“Klasse"Attribut, das eine Klasse namens" definiert "Tab”.
  • Im Inneren "TischElement, geben Sie das an “Element, das die Tabellenreihen hinzufügt.
  • Im Inneren "Element, definieren Sie das "Element.
  • Schließlich geben Sie einen anderen an “Element, um eine separate Zeile hinzuzufügen, und die “Element.
  • Dadurch wird eine einzelne Tabelle in der Ausgabe erstellt.

Jetzt können wir eine weitere HTML -Tabelle mit unterschiedlichen Werten erstellen, die für die “definiert sind“Größe" Und "Gesicht”Attribut nur, um die Schriftart und Größe der beiden verschiedenen Tabellen zu unterscheiden:













Kunden IDKundennameDateinamenKeyname
New51132Windows2012Demo.PDFTestKey

Im obigen Code -Snippet:

  • Eine andere Tabelle erstellt genauso wie im vorherigen Abschnitt dieses Beitrags. Der einzige Unterschied besteht darin, dass die für die definierten Werte “Größe" Und "Gesicht”Attribute der“Schriftart”Tag sind unterschiedlich.
  • Hier wurde die Größe als "definiert" definiert "5"Und das Schriftgesicht wurde als" definiert "Konsolas”.

Die CSS -Eigenschaften, um eine bessere Darstellung für beide Tabellen zu erstellen, finden Sie nachstehend:

Tabelle, th, td
Grenze: 2px solide Darkblue;
Grenzkollapse: Zusammenbruch;

.Tab
Rand: 8px;
Breite: 80%;

Der obige Code erstellt zwei verschiedene Tabellen in der Ausgabe. Einer mit der Größe “2"Und die Schrift"Kurier"Und der andere mit der Größe"5"Und Schriftart"Konsolas”:

So können wir die Schriftart und Größe in der HTML -Tabelle angeben.

Abschluss

In der HTML -Tabelle kann die Schriftart und Größe angegeben werden, indem das Hinzufügen der “angegeben wird"Element so, dass es alle abdeckt"

Elemente darin. Die Größe der Tabelle wird durch Hinzufügen der “definiert“GrößeDas Attribut und der Schriftstil des Tabelleninhalts werden durch Hinzufügen der “definiertGesicht”Attribut in“"Eröffnungsschild. In diesem Beitrag wurde erläutert, wie die Schriftart und Größe der HTML -Tabelle angegeben werden soll.