Отправляет email-рассылки с помощью сервиса Sendsay

Тег table в Вопросах и Ответах

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Пошаговая раскрутка сайта" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Ноябрь 2007   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
aleksei_fomenko

Статистика

595 подписчиков
0 за неделю
←   Все выпуски   →

Тег table в Вопросах и Ответах «Как сделать свою любимую таблицу разноцветной просто и легк


Рассылка "Тег table в вопросах и ответах"

"Подключайтесь к..."

Профессиональный Центр Обслуживания Партнеров Яндекса Profit-project объявляет о бесплатных консультациях о повышении CTR объявлений от Яндекс.Директ на вашем сайте.

Подключайтесь к Profit-project, размещайте контекстную рекламу от Яндекса на своем сайте и зарабатывайте вместе с Яндексом.

Profit-project - профессиональный ЦОП Яндекса для вебмастеров. 24х7 дружественный сапорт, быстрые выплаты, подарочные домены RU, хостинг и консультации для вебмастеров.


«Как сделать свою любимую таблицу разноцветной просто и легко?»

В этой статье я расскажу тебе о том, «Как ты можешь просто и без лишних хлопот за несколько минут сделать так, чтобы различные ячейки твоей таблицы были раскрашены в различные цвета?» И причём сделать так, чтобы это не увеличивало веса твоей страницы, а только решало вынесенную в заголовок проблему.

Итак, есть проблема: большая таблица, которую требуется раскрасить в разные цвета. Как её решить? Очень просто. Для это нужно использовать следующий код:

<style>
td.s {background-color: plum}
td.v {background-color: yellow}
td.t {background-color: darkgray}
</style>
<table>
<tr>
<td class = "v">1
<td class = "v">2
<td class = "t">3
</tr>
<tr>
<td class = "t">4
<td class = "v">5
<td class = "s">6
</tr>
<tr>
<td class = "s">7
<td class = "s">8
<td class = "t">9
</tr>
</table>

Разберём этот код построчно. Итак, теги <style></style> - предназначены в данном случае для того, чтобы задать три разных цвета твоих ячеек в таблице.

Теги td.s {background-color: plum}, td.v {background-color: yellow}, td.t {background-color: darkgray}, собственно, задают этот самый цвет.

Теперь таблица. Пишется таблица с помощью тегов <table></table>.

Чтобы в таблице появились горизонтальные ячейки, мы используем теги <td class = "v">1</td>, <td class = "v">2</td>, <td class = "t">3</td>. Чтобы таблица ещё имела и вертикальные ячейки, мы используем теги <tr></tr>

А теперь ответим на главный вопрос настоящей статьи «Как ты можешь просто и без лишних хлопот за несколько минут сделать так, чтобы различные ячейки твоей таблицы были расрашены в различные цвета?»

Для этого в тэгах <td></td> нужно вписать в <td> параметр class = ”твоя буква”, а в тэгах <style></style> вписать td.твоя буква {background-color: твой цвет}

Ты думаешь это всё? Ведь нет предела совершенству, правда? Попробуй, скажем, тоже самое сделать с тэгами <tr></tr>. Интересно, что у тебя получится?  

================

Фоменко Алексей. Руководитель проекта Sitesozdat.com – Свой сайт собственными силами для каждого желающего.

«Хотите узнать больше о создании сайта? Тогда подписывайтесь на аудио-курс О создании сайта!»

 

"Подключайтесь к..."

Профессиональный Центр Обслуживания Партнеров Яндекса Profit-project объявляет о бесплатных консультациях о повышении CTR объявлений от Яндекс.Директ на вашем сайте.

Подключайтесь к Profit-project, размещайте контекстную рекламу от Яндекса на своем сайте и зарабатывайте вместе с Яндексом.

Profit-project - профессиональный ЦОП Яндекса для вебмастеров. 24х7 дружественный сапорт, быстрые выплаты, подарочные домены RU, хостинг и консультации для вебмастеров.
Свой сайт каждому желающему || Сайт HTML HTML таблицы || О создании сайта || Информационная безопасность сайта || О веб дизайне сайта
В избранное