невидимата маса
Помислете за следното, най-често използваните ефекти са реализирани с помощта на таблици:
- Позициониране на текст в няколко колони
- Цвят субстрати под текста
- Рамката около текста фрагмент
- Използването на фонови изображения
Позициониране на текст в няколко колони
Самата маса ще се състои от само един ред, и клетката ще използваме като фрези на колони. И удобно не се ограничава само до минимум броя на каналите, необходими за формирането на външен вид. Освен това е желателно да се използват празни колони и евентуално да ги коригира от един пиксел GIF-ти. Тези празни колони, които използваме като поле за текста. Полетата повдигат удобство на четене и естетически страница изглежда по-хубав.
Но например, ние се ограничаваме до прост налагане в две колони:
В тази колона, например, може да бъде в основния текст на статията, която ще бъде основното значение на една страница.
И в този можем да поставим кратки съобщения на други статии и линкове към тях.
И тук е кода за този оформление:
| Ето текста на лявата колона. | Но тук текста на колоната дясната. |
Аз се възползва от всичките три клетки. Две от които съдържат пряко текстова информация, а средната просто служи като разделител между колоните. В крайна сметка, ние не искаме колоната бяха слети в една. В края на краищата, нали?!
Тук трябва да се спомене, че в действителност същия ефект може да се постигне с помощта на атрибута cellspacing или cellpadding. Но този метод има няколко ограничения. В случай на атрибут cellpadding, с изключение на пространството между колоните, ние също така да получите някои пространство отляво и отдясно на колоната. Но такъв вариант не винаги е подходящ. Умение cellspacing че е свободен от този недостатък, но използването му не ни позволява да направим различен интервал между колони, ако е повече от три. В същото време по-горе метод с празна графа е универсална и свободни от всички тези недостатъци.
Обърнете внимание на атрибута valign = "отгоре". предписани за клетки, които съдържат текст. Като правило, колони рядко пълни с една и съща сума на текст, както и в този случай една колона става по-къс от другия. И този текст в кратко колона не се е промъкнал далеч надолу, ние използваме атрибута valign, която натиска текстът в колоната до върха на клетката.
Цвят субстрати под текста
Вие вероятно сте виждали в сайтове, които някои фрагменти от текст са разположени във фонов режим, различни от основната. Обикновено това е направено, за да се "върже" или цитира, за да маркирате части от текста, за да акцентирате върху него внимание. Този ефект се постига благодарение на маса единична клетка:
| Ето част от текст. |
фонов цвят, можем да попитам, като се използва BGCOLOR атрибут за масата. И текста върху подложката не се "залепи" на границите, ние ще установим разликата с cellpadding атрибут. Тук, като цяло, и всичко, което се изисква. И резултатът ще изглежда така:
Да предположим, че текстът е цитат или някаква полезна информация. Забележете как се откроява срещу общия фон на страницата, с акцент върху вниманието.
Рамката около текста фрагмент
Изберете част от текст, не може просто да използвате цвета на фона, но също така, например, подписване на част от текст в рамката. За информация как да се направи правилната рамка е описана в следната статия. Тук аз просто ще ви дам кода и да обясни някои от функциите. Така че, кодът е както следва:
|
Както е случаят с подложката, ние използваме таблицата в една клетка, и по същия начин cellpadding атрибут се използва за определяне уплътнение около текста. Единствената разлика е, че сега на масата се използва за задаване на рамката, а не на заден план. Резултатът е, както следва:
Вижте текста в полето привлече вниманието на не по-малко от субстрата. И това може да бъде повече, и се съчетаят тези методи!