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

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

  Все выпуски  

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


Информационный Канал Subscribe.Ru

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

Автор и Ведущий: Алексей Фоменко "Чистый лист программы "Блокнот" как прочный фундамент профессионального сайта - вот та единственная вещь, которая отличает Настоящего Веб-дизайнера от простого любителя." © Сегодня:
Вопрос:

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

Ответ

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

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

<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>. Интересно, что у тебя получится?

---------------------
Приятной работы.
Алексей Фоменко
Томск, 2005 год
Мне интересно ответить на Твой Вопрос.
Если соберёшься его задавать Направляй его сюда
(Буду рад)

http://subscribe.ru/
http://subscribe.ru/feedback/
Подписан адрес:
Код этой рассылки: inet.webbuild.tablehtml
Отписаться

В избранное