Spesifisere font og størrelse i HTML -tabellen

Spesifisere font og størrelse i HTML -tabellen
Når tabellene opprettes i et HTML -dokument, ønsker utviklerne å definere størrelsen på tabellen og skrifttypen til tabellinnholdet for å opprettholde et godt grafisk brukergrensesnitt. Den tradisjonelle måten å lage et bord i HTML er å legge til en “”Element. Mer spesifikt, for å spesifisere skrift og størrelse for tabellen, "”Element brukes.

Dette innlegget vil demonstrere metoden for å spesifisere skrift og størrelse på en HTML -tabell.

Bruker "" -merket for å spesifisere skrift og størrelse i HTML -tabellen

Utviklerne kan spesifisere skrift og størrelse i HTML -tabellen gjennom "”Element på en slik måte at dette””Element dekker alt bordinnholdet. Størrelsen på tabellen kan deklareres ved å bruke “størrelse”Attributt inne i“”Åpningsmerke og skriftstil kan deklareres gjennom“ansikt" Egenskap.

Eksempel

La oss anta, det er følgende eksempel på en HTML -tabell som vi vil definere skrift og størrelse:















Klient-IDKlientens navnFilnavnKeyName
New51132Windows2012demo.PDFTestKey

I ovennevnte kodebit:

  • En "Font”Element er lagt til som har attributtene“størrelse”Og“ansikt”I åpningskoden for å spesifisere henholdsvis størrelsen og skriftstilen på tabellen.
  • Inne i "Font”Element, legg til et“bord”Element for å lage tabellen som den ovennevnte størrelsen og fontstilegenskapene må brukes.
  • I åpningen “bord”Tag, sett“klasse”Attributt som definerer en klasse som heter“Tab”.
  • Inne i "bord”Element, spesifiser“”Element som legger til tabellradene.
  • Inne i "”Element, definer“”Elementer for å legge til tabellcellene og definere hver verdi som skal legges til i tabellen.
  • Til slutt, spesifiser en annen “”Element for å legge til en egen rad, og“”Elementer inni det på samme måte som radene lagt til ovenfor.
  • Dette vil lage en enkelt tabell i utgangen.

Nå kan vi opprette en annen HTML -tabell med forskjellige verdier definert for "størrelse”Og“ansikt”Attributt bare for å skille skrifttypen og størrelsen på de to forskjellige tabellene:













Klient-IDKlientens navnFilnavnKeyName
New51132Windows2012demo.PDFTestKey

I ovennevnte kodebit:

  • En annen tabell laget nøyaktig på samme måte som i forrige del av dette innlegget. Den eneste forskjellen er at verdiene som er definert for “størrelse”Og“ansikt”Attributter til“Font”Tag er forskjellige.
  • Her har størrelsen blitt definert som "5”Og fontflaten er blitt definert som“Consolas”.

CSS -egenskapene for å skape en bedre representasjon for begge tabellene er gitt nedenfor:

Tabell, TH, TD
Grense: 2px solid mørkblue;
Border-Collapse: kollaps;

.Tab
Margin: 8px;
Bredde: 80%;

Ovennevnte kode vil opprette to forskjellige tabeller i utgangen. En med størrelsen “2”Og skriften”kurer”Og den andre med størrelsen”5”Og font“Consolas”:

Slik kan vi spesifisere skrift og størrelse i HTML -tabellen.

Konklusjon

I HTML -tabellen kan skrifttypen og størrelsen spesifiseres ved å legge til "”Element på en slik måte at det dekker alle“

”Elementer inni det. Størrelsen på tabellen er definert ved å legge til “størrelse”Attributt og skriftstilen til tabellinnholdet er definert ved å legge til“ansikt”Attributt i“”Åpningsmerke. Dette innlegget forklarte hvordan du spesifiserer skriften og størrelsen på HTML -tabellen.