HTML tabulas ir viegli izveidot, kad jūs saprotat rindu un kolonnu pamatus - un arī tad, kad jūs saprotat, kad ir kārtībā lietot tabulu un kad no tām jāizvairās.
Īsa tabulu vēsture un Web dizains
Pirms daudziem gadiem, pirms pieņemamie CSS un tīmekļa standarti, tīmekļa dizaineri izmantoja elementu HTML
, lai izveidotu lapu izkārtojumu vietnēm. Tīmekļa vietnes dizaini tiks "sagriezti" gabaliņos, piemēram, mīklu, un pēc tam kopā ar HTML tabulu, kas paredzēta pārlūka attēlošanai. Tas bija ļoti sarežģīts process, kas radīja daudz papildu HTML iezīmēšanas un kas nekad nebūtu izmantojams šodien daudzās ekrāna pasaulē, kurā darbojas mūsu tīmekļa vietnes . Tā kā CSS kļuva par pieņemto metodi tīmekļa lapas vizualizācijai un izkārtojumam, tabulu izmantošana tam izzuda, un daudzi tīmekļa izstrādātāji kļūdaini uzskatīja, ka "tabulas bija sliktas." Tas bija un ir nepatiess. Izkārtojuma tabulas ir sliktas, taču tām joprojām ir vieta tīmekļa dizains un HTML, proti, lai parādītu tabulas datus, piemēram, vilcienu saraksta kalendāru. Šī satura dēļ tabula joprojām ir pieņemama un laba pieeja.
Tātad, kā jūs izvietojat galdu? Sāksim, izveidojot vienkārši 2x2 tabulu. Tam būs 2 kolonnas (tie ir vertikālie bloki) un 2 rindas (horizontālie bloki). Kad esat izveidojis 2x2 tabulu, varat izveidot jebkuru izmēru tabulu, kuru vēlaties vienkārši, pievienojot papildu rindas vai kolonnas.
Grūtības pakāpe: vidēji
Nepieciešamais laiks: 10 minūtes
Lūk, kā:
- Vispirms atveriet tabulu
- Atveriet pirmo rindu ar tr atzīmi
- Atveriet pirmo kolonnu ar td tag
- Uzrakstiet šūnas saturu
- Aizveriet pirmo šūnu un atveriet otro
- Uzrakstiet otrās šūnas saturu
- Aizveriet otro šūnu un aizveriet rindu
- Uzrakstiet otro rindu tieši kā pirmo
| | - Pēc tam aizveriet tabulu
Varat arī izvēlēties tabulēšanas galvenes pievienot tabulai, izmantojot | elementu. Šīs tabulas galvenes pirmajā tabulas rindā aizstātu tabulas vai "tabulas datus", piemēram, šo:
| Nosaukums | Loma | | Jeremy | Dizaineris td> Jennifer | Izstrādātājs | Kad šī lapa padarīs pārlūku, šī pirmā rinda ar tabulas galvenēm pēc noklusējuma parādīsies treknrakstā, un tie tiks centrēti tabulas šūnā, kurā tie parādās.
Tātad, vai ir pareizi izmantot tabulas HTML formātā? Jā - tik ilgi, kamēr tos neizmantojat izkārtojuma vajadzībām. Ja jums ir jāuzrāda tabulas informācija, tas ir veids, kā to izdarīt. Patiesībā, izvairoties no galda, jo ir nepareiza tīrība, lai izvairītos no šī legitmate HTML elementa, ir tikpat atgriezeniski kā to izmantošana izkārtojuma dēļ šajā dienā un vecumā.
Rakstīja Jennifer Kyrin. Rediģējis Jeremijs Girards 16/11/16
| | |