Kiel Konstrui 2x2 Tablon

HTML-tabloj facile kreas, kiam vi komprenas la bazaĵojn de vicoj kaj kolumnoj - kaj iam vi komprenas, kiam ĝi estas bone uzi tablon kaj kiam vi devus eviti ilin.

Mallonga Historio de Tabuloj kaj Retejo-Dezajno

Antaŭ multaj jaroj, antaŭ ol la akcepteblaj CSS kaj retejaj normoj, retpaĝistoj uzis la HTML elementon por krei paĝan aranĝon por retejoj. Retejaj desegnoj estus "tranĉitaj" en malgrandajn pecojn kiel enigmo kaj tiam kombinita kun HTML-tablo por repagi en la retumilo kiel intencita. Ĝi estis tre kompleksa procezo, kiu kreis multajn kromajn HTML-markojn kaj kiuj neniam estus uzataj hodiaŭ en la mult-ekrana mondo en niaj retejoj . Ĉar CSS fariĝis la akceptita metodo por retpaĝaj vidaĵoj kaj aranĝo, la uzo de tabloj por tio fariĝis malakceptita kaj multaj retejaj projektantoj erare kredis, ke "tabeloj estis malbonaj". Tio estis kaj estas malvera. Tabuloj por aranĝo estas malbonaj, sed ili ankoraŭ havas lokon en retpaĝo kaj HTML, nome montri tabulajn datumojn kiel kalendaro de trajna horaro. Por tiu enhavo, uzante tablo ankoraŭ estas akceptebla kaj bona aliro.

Do kiel vi aranĝas tablon? Komencu kreante simple 2x2-tablon. Ĉi tio havos 2 kolumnojn (ĉi tiuj estas la vertikalaj blokoj) kaj 2 vicoj (la horizontalaj blokoj). Post kiam vi konstruis 2x2-tablon, vi povas konstrui ajnan grandecan tablon, kiun vi deziras simple aldonante kromajn vicojn aŭ kolumnojn.

Malfacilaĵo: averaĝa

Tempo postulita: 10 minutojn

Jen kiel:

1. Unue malfermu la tablon
2. Malfermu la unuan vicon kun la tr-etikedo
3. Malfermu la unuan kolumnon kun la etikedo de td
4. Skribu la enhavon de la ĉelo
5. Fermu la unuan ĉelon kaj malfermu la duan
6. Skribu la enhavon de la dua ĉelo
7. Fermu la duan ĉelon kaj fermu la vicon
8. Skribu la duan vicon ĝuste kiel la unua
9. Poste fermu la tablon

Vi ankaŭ povus elekti aldoni tabelkapulojn al via tablo per la elemento. Ĉi tiuj tabulaj titoloj anstataŭigos la pecojn aŭ "tabulajn datumojn" en la unua tablo, kiel ĉi: