Таблиците предоставят най-простия метод за изграждане на онлайн каталог в HTML. Таблица с три колони ви дава място за изображение на продукт, описание и информация за доставка/поръчване. Вмъкването на информация в таблици намалява времето, необходимо за оправдаване на текста. В допълнение, таблиците ви дават контрол върху бялото пространство около информацията на вашата страница, за да подобрите външния вид и яснотата на вашия уебсайт.
Етап 1
Дефинирайте таблица с рамка от един пиксел, като използвате отвора
етикет:Видео на деня
Стъпка 2
Вмъкнете първия ред клетки и тяхното съдържание с този код:
Стъпка 3
Вмъкнете втория ред клетки и тяхното съдържание с този код:
Стъпка 4
Затворете таблицата с крайния маркер:
 |
Това е описание на първия артикул. | Този артикул е наличен в момента. |
 |
Това е описание на втория артикул. | Този артикул е на изчерпана поръчка. |
Бакшиш
Този прост пример създава таблица с два реда и три колони. Първата колона показва изображение на продукта с размери 60 на 60 пиксела с помощта на етикета. Втората и третата колона показват описание на продукта и информация за наличността. Имайте предвид, че всеки ред започва и завършва с етикета и всеки елемент в реда започва и завършва с етикет. Вмъкнете толкова колони или редове, колкото са ви необходими, за да опишете вашия продукт.
Поставете командата cellpadding непосредствено след спецификацията на границата в дефиницията на таблицата, за да увеличите количеството бяло пространство между границите на таблицата и вашето съдържание. Например,
създава бяло пространство от 10 пиксела около съдържанието на всяка клетка в таблицата.препратки
- W3Schools.com: HTML таблици
