Napravite tablice u HTML-u - Izrada tablica pomoću HTML oznaka s primjerima

Sadržaj:

Anonim

Uvod u stvaranje tablica u HTML-u

Tablica je jedan od najkorisnijih konstrukata. Tablice su diljem web aplikacije. Glavna je tablica ta što se koriste za strukturiranje informacija i strukturiranje podataka na web stranici. HTML tablica je raspored stranica temeljen na tablici. Tablice se ne smiju koristiti kao pomoćna sredstva za oblikovanje. U ovom ćemo članku raspravljati o Stvaranju tablica u HTML-u.

HTML tablica

  • oznaka koristi se za izradu tablice.
  • U HTML-u se tablica smatra skupom redaka koji sadrže svaku grupu ćelija.
  • U nizu može biti puno stupaca.
  • HTML tablice trebaju se koristiti samo za tablične podatke, ali se koriste i za izradu web stranica izgleda.
  • Ako u pregledniku gradimo HTML tablice bez ikakvih stilova ili atributa, one će biti prikazane bez ikakvih obruba.
  • Oznaka tablice:
  • Sadržaj koji pišemo između ovih oznaka prikazat će se u tablici.

Oznake koje se koriste u HTML-u

Ispod su neke oznake korištene u tablici.

1. Označiti

  • oznaka koristi se za definiranje retka u HTML tablici.
  • započet ćemo red s početkom oznaku retka, a zatim izgradimo red stvaranjem svake ćelije, a kada završimo sve ćelije za red, zatvorit ćemo red oznakom završnog retka ,
  • Oznaka retka:

2. Označiti

  • oznaka koristi se za definiranje podataka za ćeliju u HTML tablici.
  • Stvorit ćemo svaku ćeliju s početnom oznakom ćelije a zatim dodajte sadržaj ili podatke u ćeliju i zatim je zatvorite s završnom oznakom ćelije,
  • Oznaka ćelije:

3. Označiti

  • oznaka koristi se za definiranje ćelije zaglavlja u HTML tablici.
  • Stanica zaglavlja u tablici koristi se za pružanje informacija za preostale ćelije stupca.
  • Oznaka zaglavlja:
  • Obično se postavlja u vrh ćelija.

4. Oznaka

  • Oznaka se koristi za određivanje boje pozadine tablice.

Sintaksa:

  • Za naziv boje možemo izravno dati naziv boje za pozadinu. Na primjer, možemo odrediti
  • Za hex_number moramo specificirati heksadecimalni kod za pozadinu. Na primjer
  • Za rgb_number moramo specificirati rgb (crveni, zeleni, plavi) kôd za pozadinu. Na primjer
  • U rgb_number ako pružimo sve vrijednosti kao 255, izlaz pozadinske boje je bijela.

    • 5. Oznaka

    • Oznaka se koristi za opis titla u tablici.
    • Postavlja se ili koristi odmah nakon
    označiti.
  • Prema zadanim postavkama, tablica naslova će biti poravnana u sredini iznad tablice.
  • Oznaka naslova:

    • 6. Rastezanje stanica

    • Rastezanje nije ništa drugo nego kombiniranje dviju ili više susjednih ćelija u tablici.
    • Sastoji se od raspona col i raspona reda.
    • Col span : Atribut col span određuje broj stupaca u kojima ćelija tablice treba da se proteže.
    Označiti
    oznaka koristi se za grupiranje sadržaja tijela u HTML tablici.
  • Tablice mogu sadržavati više tijela u nekim tablicama, au drugom slučaju tablica može sadržavati samo jedno tijelo, u tim slučajevima,
    • mogu se ukloniti.
  • Tablice s jednim tijelom implicitno će imati tijelo.
  • Sintaksa:

    • 9. Oznaka

    • Oznaka sadrži retke koji predstavljaju podnožje ili sažetak.
    • Sintaksa:

    10. Oznaka

    • Stupci tablice mogu se grupirati zajedno s elementom.
    • Svaki element deklariran u bloku definirat će grupu uz pomoć atributa span, koji će naznačiti broj stupaca koji će pripadati grupi.
    • Korisno je primijeniti stilove na čitave stupce umjesto ponavljanja za svaki red ili ćeliju.
    • Sintaksa:

    Primjeri HTML oznaka

    Primjer 1

    1. Tabela:

    Sintaksa:

  • Uvijek uzima cijelu vrijednost.
  • Span red: Atribut raspona retka određuje broj redaka u kojoj se nalazi stanica ćelije.
  		•
  • Uvijek uzima cijelu vrijednost.

    • 7. Oznaka

    • definira skup redaka koji definiraju glavu stupaca tablice.

    Sintaksa:

    8.

    Izlaz:

    • U ovom primjeru stvorili smo tablicu s tri reda. Kao što vidimo iz izlaza da ne sadrži obrub. Dakle, kad god kreiramo tablicu bez CSS-a ili ne koristimo bilo koji stil, prikazat će se izlaz bez obruba.

    Primjer 2

    Izlaz:

    • U ovom primjeru možemo vidjeti da smo dobili granicu na svoj izlaz davanjem granice svojstva u odjeljku stila i upotrebom u oznaci tablice.

    2. Označite i Označiti

    Sintaksa: ……..

    Primjer:

    Izlaz:

    • U ovom smo primjeru jednostavno stvorili dva reda oznaka i podaci se unose pomoću označiti.

    3. Označiti:

    Sintaksa:

    Primjer:

    Izlaz:

    • U ovom primjeru možemo promatrati ime i prezime podebljani su podebljano u odnosu na ostala jer su deklarirani kao zaglavlja ćelija pomoću označiti.

    4.

    Sintaksa: table bgcolor = “color_name|hex_number|rgb_number”> ;

    Primjer:

    Izlaz:

    5.

    Sintaksa:

    Primjer:

    Izlaz:

    • U ovom primjeru smo tablici dodali opis kao detalje o studentu pomoću oznake opisa.

    6. Kolo raspona i raspona reda

    Sintaksa za Col Span:

    Sintaksa za raspon retka:

    Primjer za Col Span:

    Izlaz:

    Primjer raspona reda:

    Izlaz:

    7.

    Sintaksa:

    8.

    Sintaksa:

    9.

    Sintaksa:

    Primjer:

    Izlaz:

    10. Colgroup

    Sintaksa:

    Primjer:

    Izlaz:

    Zaključak - Stvorite tabele u HTML-u

    U HTML-u pomoću

    tag možemo stvoriti više tablica, pa čak i možemo grupirati redove i stupce. Čak možemo napraviti više stilova tablica pomoću CSS-a.

    Preporučeni članci

    Ovo je vodič za stvaranje tablica u HTML-u. Ovdje smo raspravljali o tome kako stvoriti tablicu u HTML-u s primjerima i kako koristiti HTML oznake. Možete i pregledati ostale naše predložene članke -

    1. HTML uređivači teksta
    2. Elementi HTML obrasca
    3. Oznake HTML slike
    4. HTML atributi
    5. HTML okviri
    6. HTML Blokovi
    7. Postavite boju pozadine u HTML-u s primjerom