Crearea și tabele de proiectare

În trecutul recent, popularitatea tabelelor a fost incredibil de mare, ele au fost utilizate nu numai pentru datele de tabel, dar, de asemenea, au fost principalul mijloc pentru formarea structurii documentului (în ciuda unor neajunsuri). În prezent, pentru aspectul documentului sunt din ce în ce utilizează elementul de bloc DIV.

Tabelul rămâne același element limbaj HTML, care este indispensabilă pentru crearea unor structuri complexe, pentru prezentarea datelor tabulare, în care membrii de bloc sunt lipsiți de putere, și nu posedă o astfel de variabilitate.

Baza mesei

Tabelul este o structură complexă, și este format din mai multe etichete HTML. În prima etapă este construit din elementul bloc

. care este fundamentul, baza tabelului. Următoarea etapă în clădire - un rând de tabel. care sunt formate de o pereche de tag-uri :

- pereche tag creează o celulă care servește drept antetul coloanei, eticheta nu este obligatoriu;
- pereche tag obligatoriu creează o celulă - temelia mesei;

După cum se vede din codul aflat deasupra tabelului conține patru linii () Și cinci coloane. Celulele din primul rând - antetele coloanelor (). Deoarece al doilea până la al patrulea rând celule conțin tabel de date de bază (). tag-uri , versatil, și poate include nu numai textul simplu, ci, de asemenea, tot felul de tag-uri de până la alte tabele!

Să acorde o atenție la structura mesei, are o structură ierarhică strictă a imbricate în cazul în care să-l rupe și rearanja etichetele într-o ordine diferită, masa, sau este afișat pe pagina, sau afișată, dar nu în mod corect. Regulile de bază în proiectarea tabelului:

pereche etichetă tabelul de bază, toate celelalte etichete sunt încorporate în ea;

pereche etichetă

al doilea tabel de nivel sau un șir de caractere care urmează să fie încorporat în tag-ul

;

tag-uri împerecheate

și să conțină date tabelare;

Dacă puneți orice alt text sau tag-ul este perechea tag

și

al treilea nivel de masă sau celulele sale trebuie să fie încorporată în tag-ul

, aceste date vor fi ignorate și nu vor fi afișate pe pagina web;

antet de masă

Tabelul oferă posibilitatea de a adăuga un antet printr-o etichetă pereche

. care este plasat după eticheta . În principiu, acesta poate fi introdus în orice poziție în tabel, aceasta nu este o eroare. Textul din titlu implicit este afișat deasupra tabelului.

Fig. 2. Tabelul cu titlul.

secțiunea de tabel

Utilizarea secțiuni, care sunt asociate tabelul tag-uri pot fi împărțite în părți logice. Ele nu sunt afișate pe pagina de browser, dar performanțele sale pot fi setate pentru fiecare dintre ele. Există trei părți logice:

- rubrici Secțiunea de coloane;

- secțiune baze de masă;

- Date Secțiunea rezumat rezumă întregul tabel;

, , , plasate în interiorul unui tabel

, și trebuie să conțină etichete :

fuzionarea celulelor

Deasupra tabelului cu o structură simplă a fost revizuită, iar dacă este necesar, să o complice, de exemplu, pentru a combina mai multe celule într-una singură. Pentru acest caz, există atribute speciale și etichete colspan rowspan

), Utilizarea rowspan atribut cu o valoare de 2:

Rețineți că, dacă îmbinați celulele sau atributele colspan rowspan, trebuie să fie îndepărtate din codul fuzionat celule, cu excepția celui care începe asocierea, numărul va depinde de valoarea atributului colspan, rowspan.

Aceasta este, în exemplul 1, patru celule sunt combinate, începând cu prima, care este atribuit atributul colspan = 4 (deoarece ea începe să asociere), restul de trei trebuie să fie eliminate (deoarece acestea sunt combinate). doar o cincime celulă va rămâne în codul (deoarece nu este inclus în Uniune).

Același principiu va fi integrarea verticală. În al doilea exemplu, primele patru linii de celule atribuite rowspan atribut = 2, rezultând în primele patru inferioare celulele sunt scoase din codul, deoarece ele sunt unite. Cu excepția ultimului, care nu este inclusă în Uniune.