Първи стъпки - Урок (ръководство) по html (html)
Когато научихме как да правим таблици, споменах вложени таблици. Какво е това и каква е тяхната особеност? - това са обикновени таблици, които се намират в клетките на друга таблица и няма нищо по-специално в тях. почти.
Да кажем, че вече имаме голяма таблица, две колони от която са запълнени с текста на някакъв доклад, а третата е между тях за красота:
| Всеки ден в интернет се появяват все повече глупости и букове. Това са особени същества, чиято роля в развитието на съвременното общество не е ясна, но въпреки това самото им присъствие се забелязва. Буките и бяките изискват специално отношение към себе си, ако ги наричате нормални човешки същества, тогава няма да бъдете разбрани. | Ето таблица, която показва колко бук, бяк и други живеят в интернет: |
| буки | 65% от населението |
| бяки | 20% от населението |
| други | 15% от населението |
Всичко за сим
И така, имаме таблица от един ред, с три клетки (колони), в третата клетка е невъзможно да не забележите вложената таблица (с букове и бяци). Сега код:
| Всеки ден в интернет се появяват все повече глупости и букове. Това са особени същества, чиято роля в развитието на съвременното общество не е ясна, но въпреки това самото им присъствие се забелязва. Буките и бяките изискват специално отношение към себе си, ако се обърнете към тях като към нормални човешки същества, тогава няма да бъдете разбрани. | Ето таблица, която показва колко бук, бяк и други живеят в интернет: |
буки 65% от населението бяки 20% от населението други 15% от населението
Per simвсички
Уви, кодът се оказа обемен, но в него няма нищо сложно: вложената таблица не се различава от обикновената. Вложените таблици правят много по-лесно управлението на съдържанието на сайта. Така беше и в случая с Construction.ru - беше много по-лесно да въвеждаме вложени таблици (което направихме например за дясната колона с допълнителна информация), отколкото да маркираме много сложна таблица (сега само си представете, че ще бъде една таблица, ужас и нищо повече).
Сега нека поговорим за някои от нюансите, на които трябва да обърнете внимание: background="image.gif" - по-рано говорихме за атрибута bgcolor, който задава цвета на фона на таблицата (ред, клетка), а атрибутът background задава фоновото изображение за таблицата (ред, клетка).
И сега самият нюанс: би било по-логично да се предпише само бял фон за вложената таблица (bgcolor="#ffffff"), а не да страдате, създавайки само бяла картина и да я направите фон (background="white.gif"), защото така е по-бързо. Да, по-бързо е, но факт е, че ако IE (Internet Explorer) показва атрибута bgcolor за вложени таблици, тогава някои други браузъри отказват да показват този атрибут за вложени таблици, така че трябва да обикаляте, като използвате фон.
Така убихме два заека с един камък: научихме, че можете да зададете фоновия атрибут за маси и в същото време се запознахме с някои от тънкостите на занаята :). Сега ще довършим останалите зайчета:
Нека се обърнем към кода на нашата таблица и не забравяйте, че въведохме тази клетка за красота. За да не е празна клетката, тя се въвежда (символът за непрекъснат интервал, това е специален знак, ще се запознаем подробно с тях малко по-късно). Не е просто така. Факт е, че има фенове на използването на конструкция като: . Ето дизайн на някои браузърипросто се игнорират, т.к не харесват празни клетки, така че за да покажете таблицата си правилно, вмъкнете или в празни клетки, или малко изображение 1x1 пиксела.
Това, може би, е всичко. Ловът на останалите зайчета ще бъде пренесен в следващите глави.