Spesifisere font og størrelse i HTML -tabellen

Alexander Sørlie
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.

Python
Hva er B -streng i Python?
I Python brukes B -notasjonen ved siden av vanlig streng og encode () -metoden for å konvertere stre...
Mathias Halvorsen
Sqlite
Hva er sqlite brukt til? Er det bedre enn SQL?
SQLite er en filbasert database som er selvstendig, serverløs og ikke krever noen egen installasjon....
Anders Fjeld Moe
C skarp
Hva betyr PLUS-Equals-operatøren i C#?
Tilleggsoppgaven eller pluss-likestilling (+=) operatør i C# brukes til å øke verdien av en variabel...
Elias Aalerud Aasen