T-REX Двукратный победитель турнира "Планшетомания"
Сообщения : 10605 1978-01-02 2013-01-20 Возраст : 46
| Тема: Создание таблиц Вс 25 Янв - 11:44 | |
| В этой теме я расскажу как делать таблицы. Таблица формируется следующим кодом: - Код:
-
[table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;"][/td] [td][/td] [td][/td] [/tr] [/table] В данном коде: - Код:
-
[table][/table] - сама таблица border “1” - толщина границ. [/tr] - строка в таблице [td][/td] - ячейка в строке Таким образом, приведенный выше код формирует центрированную таблицу из одной строки и трех ячеек (столбцов) в ней. Так как содержимое таблицы фактически вставляется в ее ячейки, то вся эта информация должна быть размещена ВНУТРИ тега - Код:
-
[td][/td] 1) В первый столбец нашей таблицы вставляем текст - самый простой вариант. - Код:
-
[table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;"]Вот сюда пишем что хотим[/td] [td][/td] [td][/td] [/tr] [/table] 2) Во второй столбец вставляем рисунок: - Код:
-
[table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;"]Вот сюда пишем что хотим[/td] [td][img]тут адрес рисунка[/img][/td] [td][/td] [/tr] [/table] Например вставляем этот рисунок https://i.servimg.com/u/f38/19/11/20/88/1c6da610.gif - Код:
-
[table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;"]Вот сюда пишем что хотим[/td] [td][img]http://i38.servimg.com/u/f38/19/11/20/88/1c6da610.gif[/img][/td] [td][/td] [/tr] [/table] В третью ячейку вставляем еще один текст и получается следующее: - Код:
-
[table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;"]Вот сюда пишем что хотим[/td] [td][img]http://i38.servimg.com/u/f38/19/11/20/88/1c6da610.gif[/img][/td] [td]еще один текст[/td] [/tr] [/table] Результат: Вот сюда пишем что хотим | | еще один текст |
Последний раз редактировалось: T-REX (Вс 25 Янв - 12:15), всего редактировалось 6 раз(а) |
|
T-REX Двукратный победитель турнира "Планшетомания"
Сообщения : 10605 1978-01-02 2013-01-20 Возраст : 46
| Тема: Создание таблиц (продолжение) Вс 25 Янв - 11:56 | |
| Чтобы сделать вторую строку копируем ниже основной таблицы аналогичную таблицу. Получается таблица из двух строк и шести ячеек: - Код:
-
[table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;"]Вот сюда пишем что хотим[/td] [td][img]http://i38.servimg.com/u/f38/19/11/20/88/1c6da610.gif[/img][/td] [td]еще один текст[/td] [/tr] [/table] [table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;"]Вот сюда пишем что хотим[/td] [td][img]http://i38.servimg.com/u/f38/19/11/20/88/1c6da610.gif[/img][/td] [td]еще один текст[/td] [/tr] [/table] Результат: Вот сюда пишем что хотим | | еще один текст |
Вот сюда пишем что хотим | | еще один текст |
Аналогично и с тремя и более строками. Теперь сделаем новую таблицу, добавим цвет к верхней части таблицы чтобы ее выделить, кроме этого надо сделать названия ячеек, а ниже вставлю информацию в сами ячейки. В верхнюю часть таблицы добавим NN (номера), название команды, игры, окончательный счет.Кроме этого увеличу размер до 18 и добавлю жирность шрифта для выделения.Получается четыре ячейки с редактированнымм заголовками. Обратите внимание что каждой ячейке назначен серый цвет (цвет можно назначить любой по желанию) - Код:
-
[table style="text-align: center;" border="1"][tr] [td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]NN[/size][/b][/td] [td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]Название команды[/size][/b][/td] [td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]Игры[/size][/b][/td] [td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]Окончательный счет[/size][/b][/td] [/tr] Мы сделали верхнюю часть таблицы.Теперь переходим к нижней - Код:
-
[tr align="center"][td][color=#000000][b][size=18]1[/size][/b][/color] [/td][td] [/td][td] [/td][td] [/tr] Чтобы сделать несколько строк в таблице, необходимо скопировать этот код несколько раз (сколько будет строк)!!! Так же необходимо запомнить, что строк в нижней части должно быть столько сколько и в верхней, или же пользоваться иным кодом с разными размерами ячеек!!!Далее заполняем ячейки и называем команды А и Б, каждой команде делаем количество игра 1 или 2 и различный счет.Получается следующее: - Код:
-
[table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]NN[/size][/b][/td] [td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]Название команды[/size][/b][/td] [td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]Игры[/size][/b][/td] [td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]Окончательный счет[/size][/b][/td] [/tr] [tr align="center"][td]1[/td] [td]Непобедимые[/td] [td]2[/td] [td]2-1[/td] [/tr] [tr align="center"][td]2[/td] [td]Лучшие[/td] [td]1[/td] [td]0-2[/td] [/tr] [/table] Результат: NN | Название команды | Игры | Окончательный счет | 1 | Непобедимые | 2 | 2-1 | 2 | Лучшие | 1 | 0-2 |
Последний раз редактировалось: T-REX (Пн 26 Янв - 9:55), всего редактировалось 8 раз(а) |
|