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