Html маса и неговите полезни свойства

Как се прави и защо се нуждаем от една HTML таблица

HTML пример за таблица

Така че, общо взето една маса се използва за да го използвате може да раздели страницата на произволен брой блокове. Нека разгледаме примера на проста таблица (фигура 1):







Какви са на масата

За да се изгради такава таблица, трябва да поставите в режим на HTML на точното място следния код:

Таблица HTML код

Да видим какво линия за какво е отговорен. В първия ред на таблицата, имаме характеристиките на:

  • Cellpadding - тире от рамката на съдържанието на клетката ( "3" - на разстояние от 3 пиксела от рамката на текста или изображенията).
  • CellSpacing - отговорен за вдлъбнатина (разстояние) между клетките в пиксели, вместо 4 може да въведете произволен брой. Имам нужда да изпратите текстово съобщение не се измъкнем върху изображението.
  • ширина - Това е ширината на нашата маса. Можете да пишете в% може да бъде в пиксели (няма% знак означава пиксела), стойността може да се променя в размер допустим ширина на публикациите си.
  • Изравнете - атрибут такса (в този случай) за хоризонтално подравняване. Възможните стойности са оставени - (левия ръб), център - (центрирано) и дясно - (от дясната страна).
  • Гранична - граница клетка на таблица (стойност "0" - тази таблица няма видими граници).
  • свободен край - срокът на масата винаги се поставя между ...
    .
  • свободен край клетка в таблицата (винаги се крие вътре .... ).






Библиография: Защо фирмата или дружеството е нужен уеб сайт?

Както видяхме в нашия код на първия ред имаме две двойки ..., т.е. две клетки на същата страница. За първата от тях, аз помолих само цвета и височината за втори определена ширина, цвят и височина -

След като прочетете този код, браузърът ще вземе 210 пиксела вдясно от клетката, както и всички останали пространство ще напусне наляво. Можете да се регистрирате на стойностите за всяка клетка, но след това има шанс да се направи грешка (това е необходимо да се вземат под внимание дебелината на границите и маржовете ...)
Във втория ред всички тагове и атрибути са едни и същи, с изключение ColSpan = "2". Този атрибут указва, че тази клетка е включен с две клетки.

Какви са HTML маса

Какви са на масата

Сега ще обясня защо има стрелка. По-рано, Google трябваше напреднали откъси, за което съм написал по-подробно в тази статия. Сега е в миналото, което е жалко. Но не всичко е толкова лошо, експерти от "благото на корпорация", както винаги, с една крачка пред останалите. На мястото на "Rich Snippets" те въведоха "структурирани фрагменти." За тях съм написал подробно в тази статия. Sdes също дам един пример за такъв фрагмент, който може да се види с невъоръжено око, което го дърпа информация от данни, съхранявани в таблицата с HTML (фиг.3).

Какви са на масата

Този прост пример показва колко е важен елемент в дизайна на страницата, е прост HTML маса. Използването на таблици може да бъде различна, не само технически спецификации, рецепти, информация за филми и книги, но също така и един вид допълнително меню (Фигура 4)

Какви са на масата

Кодова таблица не се различава от обикновен HTML таблица, с изключение на това, че вместо имената в клетките, ще бъде отнесен до страниците на ресурса или външни връзки. Пример за такива модели: (ограничи href="VASh SAYT" title="Vsplyvayuschaya podskazka" rel="nofollow"(esli nado)>ключова дума )

Препоръчителна четене: Как да инсталирам Google Анализ

Меню като HTML tablytsy