Tabelele de pe paginile web sunt foarte frecvente, datorită cărora puteți organiza textul într-o anumită ordine. Chiar dacă site-ul nu are granițe vizibile între celule, acest lucru nu înseamnă că lipsește tabelul. Frontierele sunt adesea ascunse, pentru a nu bloca conținutul și a atrage atenția asupra textului.
Structura tabelului în HTML este destul de complexă și consumatoare de timp, ceea ce necesită atenție și abilități. Dar mai întâi trebuie să înțelegeți etichetele și atributele pe care le utilizați pentru a crea tabela.
Începutul fiecărui tabel începe întotdeauna cu eticheta tabelului de containere. care în cele din urmă ar trebui să fie întotdeauna închise. În acest container există întotdeauna rânduri - tag-ul tr și coloanele (celulele), care sunt specificate de eticheta td. În etichete
coloanele sunt aranjate | între care este inscripționat textul afișat în celulele mesei. Încercați exemplul de a crea o masă proprie:
Prima celulă |
A doua celulă |
încă o celulă |
Aspectul tabelului
Tabela rezultată poate fi pre-colorată prin adăugarea de culori:
- pentru a schimba fundalul întregului tabel
- pentru a schimba fundalul celulei
În plus, puteți schimba fundalul utilizând atributul de fundal:
În cazul specificării unei imagini, ca în exemplu, imaginea ar trebui plasată în același loc ca și fișierul html.
Pentru a adăuga un cadru unui tabel sau celulă, utilizați atributul de margine. a căror culoare poate fi modificată utilizând atributul bordercolor.
- limita mesei lipsește
- Culoarea de margine se va schimba la cea specificată și dimensiunea acesteia va fi de 2 pixeli
Aliniați textul și celulele
Textul din celulă poate fi aliniat orizontal și vertical:
- alinierea textului în centrul orizontului, puteți, de asemenea, să lăsați (și pe dreapta)
| - alinierea în centrul verticalei, în plus, puteți să acoperiți partea de sus (partea de sus) și partea de jos (partea de jos)
Pentru a atribui o indentare de la marginile din interiorul celulelor, utilizați atributul cellpadding:
Pentru a schimba indentarea între celule în eticheta tabelului, specificați un atribut special:
- dacă specificați o valoare de 0, nici o liniuță
Pentru o celulă, ca și pentru întreaga masă, puteți specifica o înălțime și o lățime. Dacă există mai multe celule în rând, atunci înălțimea este suficientă pentru a specifica numai pentru prima, celelalte vor fi de aceeași înălțime.
sau |
Dacă este specificat în procente, atunci suma lățimii celulelor ar trebui să fie 100%.
Mergeți celulele
În cazul în care doriți să îmbinați celulele orizontal sau vertical, folosiți atribute speciale - colspan și rowspan, ale căror valori reprezintă numărul de celule combinate.
orizontală |
celulă superioară |
vertical |
yacheechka |
yacheychechka |
yacheechenchik |
Articole similare
Trimiteți-le prietenilor:
| | |
