Sve što trebate znati o HTML tablicama

Ovaj će vam članak pružiti detaljno i sveobuhvatno poznavanje HTML tablica. Razne oznake i formatiranje koje se mogu obaviti.

Od tehnološkog početka, tablica je uobičajeni način pohrane i vizualizacije podataka. Koristi se u gotovo svim poljima za predstavljanje tekstualnih podataka i numeričkih podataka u kojima možete lako usporediti dva ili više elemenata. U ovom ću članku raspravljati Tablice u sljedećem redoslijedu:

kako pretvoriti double u int java -

Što je HTML tablica?

Jednostavnim riječima, tablica je skup povezanih podataka koji se sastoji od redaka i stupaca. Kao što znamo, HTML je standardni jezik za označavanje za stvaranje web stranica i njegovo prikazivanje u web pregledniku. Dakle, stvaranje i rad s tablicama postaje važna podsvještina za svladavanje HTML-a. Na ovom blogu naučit ćemo kako raditi s tablicama u HTML-u.





HTML5
Za definiranje HTML tablice koristimo

označiti. Iznutra
oznaku, prvo definirate retke tablice s označiti. Dalje, definirate zaglavlja tablica u oznake sadrže tijelo tablice.

što je virtualna metoda
HTML tablica sa zaglavljem, podnožjem i tijelom
označiti. Podaci ili ćelije u tablici definiraju se pomoću označiti.

Oznake HTML tablice

Pogledajmo prvo popis HTML oznaka korištenih za stvaranje tablica. Kasnije napredujući na ovom blogu, naučit ćemo kako ih koristiti uz pomoć primjera.



  • :Koristi se za definiranje tablice
  • :Koristi se za definiranje retka u tablici
  • : Koristi se za grupiranje sadržaja tijela u tablici
  • : Koristi se za grupiranje sadržaja podnožja u tablici
  • Pogledajmo sada uzorak HTML koda za stvaranje tablice.

     
    : Koristi se za definiranje zaglavne ćelije u tablici
  • : Koristi se za definiranje ćelije u tablici
  • : Koristi se za definiranje naslova tablice
  • : Koristi se za određivanje grupe jednog ili više stupaca u tablici za formatiranje
  • : Koristi se za specificiranje svojstava stupaca za svaki stupac unutar elementa
  • : Koristi se za grupiranje sadržaja zaglavlja u tablici
  • Ime Dob
    Abhishek 18
    Bobe 2. 3

    Izlaz:



    Varijacije HTML tablice

    • Atributi Cellpadding-a i prostornog razmaka

    Postoje dva atributa koja se nazivaju pad stanica i razmak stanica pomoću kojih možete prilagoditi razmak u stanicama tablice. Atribut Cellpacing definira prostor između stanica tablice, dok pad stanica predstavlja udaljenost između granica stanice i sadržaja unutar ćelije.

    Prostor ćelija i dodavanje ćelija
    Ime Dob
    Abhishek petnaest
    Bobe 2. 3

    • Atributi Colspan i Rowspan

    Atribut Colspan koristi se za spajanje dva ili više stupaca, dok se rasponi redova koriste za spajanje dva ili više redaka.

    Colspan & Rowspan
    Šarža Ime Dob
    Računalne znanosti Abhishek petnaest
    Bobe 2. 3
    Pauza

    • Visina i širina stola

    HTML vam daje poticaj za podešavanje visine i širine tablice. Atribut širine i atribut visine koristi se za postavljanje širine i visine tablice. Možete ga odrediti prema postotku površine dostupne na zaslonu ili prema pikselima.

    Širina i visina HTML tablice
    Abhishek petnaest
    Bobe 2. 3

    primjeri Java apleta s izlazom
    • Zaglavlje, tijelo i podnožje tablice

    Tablica se može podijeliti u tri odjeljka, tj. Zaglavlje, tijelo i podnožje. Zaglavlje i podnožje slični su zaglavlju i podnožju u word dokumentu koji ostaje uobičajen za svaku stranicu, dok tijelo sadrži glavni sadržaj.

    Oznaka stvara zasebno zaglavlje tablice, a whereastag stvara zasebno podnožje tablice.

Zaglavlje tablice
Podnožje tablice
Ime Dob Oznake

  • Pozadine i naslovi tablice

Također možete postaviti pozadinu tablice. Bgcolor Atribut postavlja boju pozadine za cijelu tablicu, kao i za jednu ćeliju, dok atribut background postavlja pozadinu za cijelu tablicu, kao i samo za jednu ćeliju.

Oznaka opisa služi kao naslov ili objašnjenje tablice koja je prikazana na vrhu tablice.

Pozadina HTML tabliceNaslov tablice
Stupac 1 Stupac 2 Stupac 3
Red 1 Stanica 1 Red 1, ćelija 2 Red 1, ćelija 3
Red 2, ćelija 2 Red 2, ćelija 3
Redak 3, ćelija 1

Ovim smo došli do kraja ovog članka. Sada biste nakon izvršavanja gornjih isječaka razumjeli kako stvoriti tablice u HTML-u. Nadam se da je ovaj blog informativan i da vam dodaje dodanu vrijednost.

Pogledajte Edureka, pouzdane tvrtke za internetsko učenje s mrežom od više od 250 000 zadovoljnih učenika raširenih širom svijeta. Obuka za certificiranje web razvoja pomoći će vam naučiti kako stvoriti impresivne web stranice pomoću HTML5, CSS3, Twitter Bootstrap 3, jQuery i Google API-ja i rasporediti ih na Amazon Simple Storage Service (S3).

Imate pitanje za nas? Molimo vas da ga spominjete u odjeljku za komentare ovog članka i mi ćemo vam se javiti.