HTML табелите се лесни за создавање откако ќе ги разберете основите на редовите и колоните - и исто така кога ќе разберете кога е во ред да користите табела и кога треба да ги избегнувате.
Кратка историја на табели и веб дизајн
Пред многу години, пред прифаќањето на CSS и веб-стандарди, веб-дизајнерите го користеа елементот HTML
за да креираат изглед на страници за сајтови. Веб-дизајните ќе бидат "исечени" на мали парчиња како сложувалка, а потоа во комбинација со табела со HTML за да направат во прелистувачот како што треба. Тоа беше многу сложен процес кој создаде многу дополнителен HTML маркер и кој никогаш нема да биде употреблив денес во мулти-екранскиот свет во кој живеат нашите веб-страници . Додека CSS стана прифатен метод за визуелизации и распоред на веб-страници, употребата на табели за ова стана избегнувана и многу веб-дизајнери погрешно веруваа дека "масите беа лоши". Тоа беше и не е точно. Табелите за изгледот се лоши, но тие сè уште имаат место во веб-дизајнот и HTML, имено да се прикажуваат табеларните податоци како календар на распоредот на возот. За таа содржина, користењето на табела е сè уште прифатлив и добар пристап.
Па како да поставите маса? Да почнеме со создавање едноставна табела 2x2. Ова ќе има 2 колони (ова се вертикални блокови) и 2 реда (хоризонтални блокови). Откако ќе изградите 2x2 табела, можете да изградите која било големина што би сакале едноставно со додавање на дополнителни редови или колони.
Ниво на тешкотија: Просечно
Потребно време: 10 минути
Еве како:
- Прво отворете го табелата <маса>
- Отворете го првиот ред со tr тагот
- Отворете ја првата колона со ознаката td
- Напишете ја содржината на ќелијата
- Затворете ја првата ќелија и отворете го вториот td>
- Напишете ја содржината на втората ќелија
- Затворете ја втората ќелија и затворете го ред td> tr>
- Напишете го вториот ред точно како првиот
td> | td> tr> - Потоа затворете ја табелата table>
Можете исто така да изберете да додавате заглавија на табелата во вашата табела користејќи го | елементот. Овие заглавија на табелата ќе ги заменат парчињата или "податоците од табелата" во првиот табеларен ред, вака:
Name th> | Улога th> tr> | Џереми td> | Дизајнер td> tr> td> Jennifer td> | Developer td> | tr> table> Кога оваа страница ќе се прикаже во прелистувачот, тој прв ред со насловите на табелата, по дифолт, ќе се прикаже со задебелен текст и тие ќе бидат центрирани во ќелијата на табелата во која се појавуваат.
Значи, дали е во ред да користам табели во HTML? Да - се додека не ги користите за цели на изгледот. Ако треба да ги прикажете табеларните информации, табелата е начин да го сторите тоа. Всушност, избегнувањето на табелата поради некоја погрешна чистота за избегнување на овој легитимен HTML елемент е исто толку наназад како што се користи за причини за изгледот на овој ден и возраст.
Напишано од Џенифер Кирин. Уредено од Џереми Гирар на 8.11. 16
| | |