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 klienta
Nazwa klienta
Nazwa pliku
Keyname
NEW51132
Windows2012
próbny.PDF
Testkey
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 klienta
Nazwa klienta
Nazwa pliku
Keyname
NEW51132
Windows2012
próbny.PDF
Testkey
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:
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.