Określanie czcionki i rozmiaru w tabeli HTML

Określanie czcionki i rozmiaru w tabeli HTML
Gdy tabele są tworzone w dokumencie HTML, programiści chcą zdefiniować rozmiar tabeli i czcionki treści tabeli, aby utrzymać dobry graficzny interfejs użytkownika. Tradycyjnym sposobem utworzenia tabeli w HTML jest dodanie „" element. Dokładniej, aby określić czcionkę i rozmiar dla tabeli, „”Element jest używany.

Ten post będzie pokazał metodę określenia czcionki i rozmiaru tabeli HTML.

Za pomocą znacznika „” do określania czcionki i rozmiaru w tabeli HTML

Deweloperzy mogą określić czcionkę i rozmiar w tabeli HTML za pośrednictwem „„Element w taki sposób, że to„„Element obejmuje całą zawartość tabeli. Rozmiar tabeli można zadeklarować za pomocą „rozmiar”Atrybut wewnątrz„„Otwarcie tagu i stylu czcionki można zadeklarować za pośrednictwem„twarz" atrybut.

Przykład

Załóżmy, że istnieje następujący przykład tabeli HTML, dla której zdefiniujemy czcionkę i rozmiar:















Identyfikator klientaNazwa klientaNazwa plikuKeyname
NEW51132Windows2012próbny.PDFTestkey

W powyższym fragmencie kodu:

  • A "czcionka”Dodano element, który ma atrybuty„rozmiar" I "twarz”W znaczniku otwierającym, aby określić odpowiednio rozmiar i styl czcionki.
  • W środku "czcionka”Element, dodaj„tabela„Element do utworzenia tabeli, dla której należy zastosować wyżej wymieniony rozmiar i atrybuty stylu czcionki.
  • Na początku „tabela”Tag, ustaw„klasa”Atrybut, który definiuje klasę o nazwie„patka".
  • W środku "tabela”Element, określ„„Element, który dodaje wiersze tabeli.
  • W środku "„Element, zdefiniuj„”Elementy do dodania komórek tabeli i zdefiniowania każdej wartości do dodania do tabeli.
  • Wreszcie, określ kolejne „„Element do dodania oddzielnego wiersza i„„Elementy w nim w taki sam sposób, jak dodane powyżej wiersze.
  • To utworzy pojedynczą tabelę w wyjściu.

Teraz możemy utworzyć inną tabelę HTML z różnymi wartościami zdefiniowanymi dla „rozmiar" I "twarz”Przypisuj tylko rozróżnienie czcionki i rozmiaru dwóch różnych tabel:













Identyfikator klientaNazwa klientaNazwa plikuKeyname
NEW51132Windows2012próbny.PDFTestkey

W powyższym fragmencie kodu:

  • Inna tabela utworzona dokładnie taka sama, jak w poprzedniej sekcji tego postu. Jedyną różnicą jest to, że wartości zdefiniowane dla „rozmiar" I "twarz”Atrybuty„czcionka”Tag jest inny.
  • Tutaj rozmiar został zdefiniowany jako „5”A twarz czcionki została zdefiniowana jako„Consolas".

Właściwości CSS w celu stworzenia lepszej reprezentacji dla obu tabel podano poniżej:

Tabela, th, td
Border: 2px Solid Darkblue;
Zakładanie granic: upadek;

.patka
Margines: 8px;
Szerokość: 80%;

Powyższy kod utworzy dwie różne tabele w wyjściu. Jeden z rozmiarem „2”I czcionka„kurier”, A drugi o rozmiarze„5”I czcionka„Consolas”:

W ten sposób możemy określić czcionkę i rozmiar w tabeli HTML.

Wniosek

W tabeli HTML czcionka i rozmiar można określić, dodając „„Element w taki sposób, że obejmuje wszystkie„

„Elementy w nim. Rozmiar tabeli jest zdefiniowany przez dodanie „rozmiar”Atrybut i styl czcionki zawartości tabeli są zdefiniowane przez dodanie„twarz”Atrybut w„„Otwarcie tagu. Ten post wyjaśnił, jak określić czcionkę i rozmiar tabeli HTML.