HTML tabulas piedāvā jaudīgu rīku datu prezentēšanai jūsu vietnē. Taču to apgūšana neaprobežojas tikai ar rindām un kolonnām. Šis raksts kalpo kā jūsu galīgais ceļvedis lai atraisītu HTML tabulu potenciālu, pārsniedzot pamatus .
Priekšnosacījumi: HTML ievads
Satura rādītājs
- Kas ir HTML tabulas?
- HTML tabula — koda piemērs
- HTML tabulās izmantotie tagi
- Apmales pievienošana HTML tabulai
- Šūnu pildījuma pievienošana HTML tabulā
- Kreisās izlīdzināšanas virsrakstu pievienošana HTML tabulā
- Robežu atstarpes pievienošana HTML tabulā
- Šūnu pievienošana, kas aptver daudzas kolonnas HTML tabulās
- Fona krāsas pievienošana tabulai
- Ligzdoto tabulu izveide
Kas ir HTML tabulas?
HTML tabula ir datu izkārtojums rindas un kolonnas tabulas formātā. Tabulas ir noderīgas dažādiem uzdevumiem, piemēram, teksta informācijas un skaitlisku datu prezentēšanai. Tabula ir noderīgs rīks, lai ātri un ērti atrastu savienojumus starp dažāda veida datiem. Tabulas tiek izmantotas arī datu bāzu izveidei.
HTML tabulas koda piemērs
HTML
Firstnameth> Uzvārds> Ageth> tr> Priyatd> Sharmatd> 24td> tr> Aruntd> Singhtd> 32td> tr> Samtd> Watsontd> 41td> tr> tabula> body> html>> Izvade:
Vienkārša HTML tabula
HTML tabulās izmantotie tagi
kā beigu atzīme.Sintakse
Content...>
Tabulas rindas
Rindas var veidot ar tabulas šūnu kombināciju. To apzīmē ar
un tagu kā sākuma un beigu tagus.
Sintakse
Content...>
Tabulu galvenes
Galvenes parasti tiek izmantotas, lai nodrošinātu virsrakstu. Tabulas galvenes var izmantot arī, lai pievienotu tabulai virsrakstu. Tas satur
tagus.Sintakse
Content...>
1. piemērs: Vienkāršas tabulas izveide HTML valodā, izmantojot tabulas tagu.
HTML
Grāmatas nosaukums> Autora Vārds> Žanrs> tr> Grāmatu zaglis> Markus Zusaktd> Vēsturiskā daiļliteratūratd> tr> Nežēlīgais Princetd> Holly Blacktd> Fantasytd> tr> Klusais pacientstd> Alex Michaelidestd> Psychological Fictiontd> tr> table> body> html>> Izvade:
HTML tabula
Apmales pievienošana HTML tabulai
Apmale tiek iestatīta, izmantojot CSS robežas rekvizītu. Ja tabulai nenorādīsiet apmali, tā tiks parādīta bez apmalēm.
attiecību sastāvs
Sintakse
table, th, td { border: 1px solid black; }> Piemērs : apmales pievienošana HTML tabulai.
HTML
