HTML tabulas ir viegli izveidot, kad jūs saprotat rindu un kolonnu pamatus, kā arī tad, kad jūs saprotat, kad ir kārtībā lietot tabulu, un, ja jūs to izvairītos.
Īsa tabulu vēsture un Web dizains
Pirms daudziem gadiem pirms CSS un tīmekļa standartu pieņemšanas tīmekļa dizaineri izmantoja HTML
elements, 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ā mūsu mājas lapas dzīvo. Tā kā CSS kļuva par pieņemto metodi, lai tīmekļa lapas vizuālos un maketētos, tabulu izmantošana šim nolūkam kļuva par izvairījās un daudzi tīmekļa dizaineri kļūdaini uzskatīja, ka "galdi bija slikti." 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, kalendāru vai vilcienu grafiku. Šī 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.
Lūk, kā
-
Vispirms atveriet galdu
-
Atveriet pirmo rindu ar tr tagu
-
Atveriet pirmo kolonnu ar tagu td
|
-
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
| | |
-
Tad aizveriet galdu
-
Tieši tā!
Varat arī izvēlēties pievienot galda virsrakstus savai galdam, izmantojot
elements Šīs tabulas galvenes pirmajā tabulas rindā aizstātu tabulas datus, piemēram, šo:
| Nosaukums | Loma | | Džeremijs | Dizainers | 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ā, kamēr tos neizmantojat izkārtojuma nolūkos, ir pareizi izmantot tabulas. Ja jums ir jāuzrāda tabulas informācija, tas ir veids, kā to izdarīt. Faktiski, izvairoties no galda, jo tiek izmantota nepareiza tīrības pakāpe, lai izvairītos no šī likumīgā HTML elementa, tas ir tikpat atturošs kā to izmantošana lapas izvietojuma dēļ šajā dienā un vecumā.
Rakstīja Jennifer Kyrin. Rediģējis Jeremijs Girards.
|
