«Как сделать свою любимую таблицу разноцветной просто и легко?»
Ответ
В этой статье я расскажу тебе о том, «Как ты можешь просто и без лишних хлопот за несколько
минут сделать так, чтобы различные ячейки твоей таблицы были раскрашены
в различные цвета?» И причём сделать так, чтобы это не увеличивало веса твоей
страницы, а только решало вынесенную в заголовок проблему.
Итак, есть проблема: большая таблица, которую требуется раскрасить в разные цвета.
Как её решить? Очень просто. Для это нужно использовать следующий код:
<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 год
Мне интересно ответить на Твой Вопрос.
Если соберёшься его задавать Направляй его сюда
(Буду рад)