Форум для детей и подростков
Добро Пожаловать на Kids-Forum!
Войдите или зарегистрируйтесь!

P.S.: После регистрации реклама исчезнет!
C уважением, Администратор форума Kids-Forum!

Форум для детей и подростков

Форум для детей и подростков
 
ФорумПоискРегистрацияВход

Поделиться
 

 Делаем таблицу (новичкам)

Перейти вниз 
АвторСообщение
admin
Администратор
Администратор
admin

Моё имя : Влад
Откуда : Киев
Сообщений : 3322
Возраст : 22
Сказали спасибо : 21
Репутация : 1752
Награды :
Делаем таблицу (новичкам) 18823510Делаем таблицу (новичкам) 18741610Делаем таблицу (новичкам) 18618710Делаем таблицу (новичкам) 18667510Делаем таблицу (новичкам) 15-min10



Делаем таблицу (новичкам) Empty
СообщениеТема: Делаем таблицу (новичкам)   Делаем таблицу (новичкам) EmptyВт Янв 25, 2011 3:34 pm

Автор: Irbis

Таблица формируется следующим образом:

Код:
<table width=100% border “1”>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>



В данном коде:

Код:
<table width=100% border “1”></table> - сама таблица
Здесь width=100% - видимость, border “1” - толщина границ.
<tr></tr> - строка в таблице
<td></td> - ячейка в строке



Таким образом, приведенный выше код формирует таблицу из одной строки и трех ячеек (столбцов) в ней.


Так как содержимое таблицы фактически вставляется в ее ячейки, то вся эта информация должна быть размещена ВНУТРИ тега
Код:
<td></td>

Например:

1) В первый столбец нашей таблицы вставляем текст - самый простой вариант.

Код:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td></td>
<td></td>
</tr>
</table>



Тег
Код:
<center></center>

Я добавляю, чтобы текст или что-то еще был по центру, можно и без него, но тогда содержимое прилепится к левой стороне ячейки.

Текст может быть жирным, подчеркнутым и т.п., разного цвета и размера, но об этом - в другой теме...
Результат:
Код:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td></td>
<td></td>
</tr>
</table>

2) Во второй столбец вставляем рисунок:
Код:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td><center><img src=адрес рисунка></center></td>
<td></td>
</tr>
</table>

Результат:
Код:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td><center><img src=http://attack-line.admin007.net/users/42/72/49/avatars/11-33.jpg></center></td>
<td></td>
</tr>
</table>


3) Вставляем в третий столбец скрипт, например. календарик или часики и т.п.

Код:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td><center><img src=адрес рисунка></center></td>
<td>Содержание скрипта</td>
</tr>
</table>




Например:
Код:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td><center><img src=адрес рисунка></center></td>
<td><center><script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="mailhigh002-navy.swf";obj.TimeZone="R2T";obj.width=182;obj.height=60;obj.wmode="transparent";showClock(obj);</script></center></td>
</tr>
</table>

Ну и в конечном итоге выходит:
Код:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td><center><img src=http://attack-line.admin007.net/users/42/72/49/avatars/11-33.jpg></center></td>
<td><center><script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="mailhigh002-navy.swf";obj.TimeZone="R2T";obj.width=182;obj.height=60;obj.wmode="transparent";showClock(obj);</script></center></td>
</tr>
</table>


Делаем таблицу (новичкам) Userba11
Вернуться к началу Перейти вниз
http://kids-forum.biz
Huddy
Пользователь
Пользователь
Huddy

Моё имя : Яна
Откуда : Откуда?о.о
Сообщений : 1003
Возраст : 21
Сказали спасибо : 2
Репутация : 1114
Награды :
Делаем таблицу (новичкам) 18823510Делаем таблицу (новичкам) 18741610Делаем таблицу (новичкам) 18618710



Делаем таблицу (новичкам) Empty
СообщениеТема: Re: Делаем таблицу (новичкам)   Делаем таблицу (новичкам) EmptyВт Мар 06, 2012 3:59 pm

А скрин можно?
Как таблица будет выглядеть?
Вернуться к началу Перейти вниз
http://vkontakte.ru/id121935410
vampirdanil
Пользователь
Пользователь
vampirdanil

Моё имя : Данил
Откуда : Сургут
Сообщений : 167
Возраст : 20
Сказали спасибо : 0
Репутация : 179
Награды :
Делаем таблицу (новичкам) 18823510Делаем таблицу (новичкам) 15-min10


Делаем таблицу (новичкам) Empty
СообщениеТема: Re: Делаем таблицу (новичкам)   Делаем таблицу (новичкам) EmptyПн Дек 31, 2012 2:56 pm

вау
Вернуться к началу Перейти вниз
Спонсируемый контент




Делаем таблицу (новичкам) Empty
СообщениеТема: Re: Делаем таблицу (новичкам)   Делаем таблицу (новичкам) Empty

Вернуться к началу Перейти вниз
 
Делаем таблицу (новичкам)
Вернуться к началу 
Страница 1 из 1

Права доступа к этому форуму:Вы не можете отвечать на сообщения
Форум для детей и подростков :: Общение :: Беседка :: Туториалы для сервиса 2x2-
Перейти: