Tabele HTML ponujajo zmogljivo orodje za predstavitev podatkov na vaši spletni strani. Vendar njihovo obvladovanje presega le vrstice in stolpce. Ta članek služi kot vaš ultimativni vodnik za sprostitev potenciala tabel HTML, korak onkraj osnov .
Predpogoji: Uvod v HTML
Kazalo
- Kaj so tabele HTML?
- Tabela HTML – primer kode
- Oznake, uporabljene v tabelah HTML
- Dodajanje obrobe tabeli HTML
- Dodajanje oblazinjenja celic v tabelo HTML
- Dodajanje naslovov za levo poravnavo v tabeli HTML
- Dodajanje razmika obrobe v tabelo HTML
- Dodajanje celic, ki obsegajo veliko stolpcev v tabelah HTML
- Dodajanje barve ozadja tabeli
- Ustvarjanje ugnezdenih tabel
Kaj so tabele HTML?
Tabela HTML je razporeditev podatkov v vrstice in stolpce v obliki tabele. Tabele so uporabne za različna opravila, kot je predstavitev besedilnih informacij in številskih podatkov. Tabela je uporabno orodje za hitro in preprosto iskanje povezav med različnimi vrstami podatkov. Tabele se uporabljajo tudi za ustvarjanje baz podatkov.
Primer kode tabele HTML
HTML
Ime> Priimek> Starost> tr> Priyatd> Sharmatd> 24td> tr> Aruntd> Singhtd> 32td> tr> Samtd> Watsontd> 41td> tr> tabela> telo> html>> Izhod:
Preprosta tabela HTML
Oznake, uporabljene v tabelah HTML
kot končna oznaka.Sintaksa
Content...>
Vrstice tabele
Vrstice je mogoče oblikovati s pomočjo kombinacije celic tabele. Označuje se z
in oznako kot začetno in končno oznako.
Sintaksa
Content...>
Glave tabel
Glave se običajno uporabljajo za zagotavljanje naslova. Glave tabele lahko uporabite tudi za dodajanje naslova tabeli. To vsebuje
oznake.Sintaksa
Content...>
Primer 1: Ustvarjanje preproste tabele v HTML z uporabo oznake tabele.
HTML
Ime knjige> Ime avtorja> Genreth> tr> Knjižni tatd> Markus Zusaktd> Zgodovinsko leposlovje td> tr> Kruti princd> Holly Blacktd> Fantasytd> tr> Tihi bolniktd> Alex Michaelidestd> Psihološka fikcijatd> tr> tabela> telo> html>> Izhod:
Tabela HTML
Dodajanje obrobe tabeli HTML
Obroba je nastavljena z lastnostjo obrobe CSS. Če za tabelo ne določite obrobe, bo prikazana brez obrob.
poravnava slik v css
Sintaksa
table, th, td { border: 1px solid black; }> Primer : Dodatek obrobe v tabelo HTML.
HTML
