HTML таблиците са лесни за създаване, след като разберете основите на редове и колони и също така, когато разберете кога е добре да използвате таблица и кога трябва да ги избягвате.
Кратка история на таблиците и уеб дизайна
Преди много години, преди приемливите CSS и уеб стандартите, уеб дизайнерите използваха HTML
елемент, за да създадете оформление на страниците за сайтове. Дизайнът на уебсайтовете ще бъде "нарязан" на малки парченца като пъзел и след това ще бъде комбиниран с HTML таблица, която да се изобрази в браузъра по предназначение. Това беше много сложен процес, който създаде много допълнителни HTML маркировки и които никога не биха били използваеми днес в многоекранния свят, в който живеят нашите уебсайтове. Тъй като CSS стана приет метод за визуализация и оформление на уеб страници, използването на таблици за това стана избягваха и много уеб дизайнери погрешно вярваха, че "таблиците са лоши". Това беше и е невярно. Таблиците за оформлението са лоши, но те все още имат място в уеб дизайна и HTML, а именно да показват таблични данни като календар или график на влака. За това съдържание, използването на таблица все още е приемлив и добър подход.
Как да оформят таблицата? Нека да започнем, като създадем просто 2x2 маса. Това ще има 2 колони (това са вертикалните блокове) и 2 реда (хоризонталните блокове). След като сте създали таблица 2x2, можете да създадете таблица с размери, която бихте искали, просто като добавите допълнителни редове или колони.
Ето как
-
Първо отворете таблицата
-
Отворете първия ред с маркера tr
-
Отворете първата колона с маркера td
|
-
Напишете съдържанието на клетката
-
Затворете първата клетка и отворете втората
|
-
Напишете съдържанието на втората клетка
-
Затворете втората клетка и затворете реда
-
Напишете втория ред точно като първия
| | |
-
След това затворете масата
-
Това е!
Можете също да изберете да добавите заглавки на таблици към таблицата си, като използвате
елемент. Тези заглавки на таблици ще заменят елементите от "таблицата с данни" в първия ред на таблицата, както следва:
| име | роля | | Джеръми | дизайнер | Дженифър | Разработчик |
Когато тази страница се изобрази в браузъра, този първи ред с заглавията на таблиците по подразбиране ще бъде показан с удебелен шрифт и те ще бъдат центрирани в клетката на таблицата, в която се показват.
Така че, добре ли е да използвате таблици в HTML?
Да, стига да не ги използвате за оформление, е добре да използвате таблици. Ако трябва да показвате таблична информация, таблицата е начинът да направите това. Всъщност избягването на таблицата поради някаква заблуда на чистотата, за да се избегне този легитимен HTML елемент, е толкова назад, колкото и да се използват за оформяне на причини в този ден и възраст.
Написано от Дженифър Кирин. Редактиран от Джеръми Жирар.
|
