-Всегда под рукой

 -Подписка по e-mail

 

 -Рубрики

 -Цитатник

Анечка (Anushka_M, спасибо огромное!!! - (4)

ПОЗДРАВЛЯЮ С ДНЕМ РОЖДЕНИЯ НИНОЧКУ!(Arnusha) Милая милая Ниночка! С опозданием,но от всего ...

Спасибо от души TAISA_ANDRYEVEVA! - (10)

СВЕТЛОГО, ДОБРОГО ПРАЗДНИКА, С ДНЕМ РОЖДЕНИЯ, НИНОЧКА - Arnusha!!! Пусть будет крепким з...

Любочка (laplared), благодарю тебя подружка моя!!!!!!!!!!! - (2)

Поздравляю Ниночку (Arnusha) с днём рождения   ...

Лолочка (Lola_malvina), золотце, спасибо!!!!!! - (3)

С днём Рождения, Ниночка!(Аrnusha) Прими мои самые теплые поздравления с Днем Рождения! В э...

Верочка (Дневник_Девы), огромное спасибо! - (4)

Поздравляю с Днем рождения , Ниночка! (Arnusha)

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 20.01.2009
Записей: 10383
Комментариев: 295119
Написано: 330360


Урок по таблицам...полезный)))

Воскресенье, 16 Января 2011 г. 02:50 + в цитатник
Сегодня я расскажу Вам, о таблицах.  Много говорят и пишут о них но мало кто понимает для чего они нужны..Мы обычно отмахиваемся от того что нам непонятно...мол  Да ладно...Оно мне надо??!! А зря...потому что  слово "таблица " это  не просто какая -то линованная  сеточка на бумаге или на экране..Вот захотели вы в ряд выстроить в посте фотографии   они...заразы...все  время  вертикально норовят))  или  текст между картинками   или ..наоборот...картинку  внутри текста)))  так  все это делается при помощи таблиц)) Но пусть они вас больше не пугают!!!Для того чтобы, сделать таблицу, вам больше не придется ломать себе голову. Просто выбирайте подходящую табличку и копируйте код в окошке. Я все сделала  за вас...вы только  выбирайте и пользуйтесь))       Изначально рассмотрим вариант, когда видимость таблицы не нужна. Когда просто нужно расположить текст или картинки в пост так, чтобы они ровно стояли.
1. Так будет смотреться ваша таблица с текстом.
ВАШ ТЕКСТ1ВАШ ТЕКСТ2ВАШ ТЕКСТ3
ВАШ ТЕКСТ4ВАШ ТЕКСТ 5
 
 
вот код этой таблицы

<table border="0">         <tbody><tr>      <td><div style="text-align: center;"><span style="color: #000000;"><strong>ВАШ ТЕКСТ <br/></strong></span><span style="font-size: large;">1</span></div></td><td rowspan="2"> <div style="text-align: center;"><span style="color: #000000;"><strong>ВАШ ТЕКСТ <br/></strong><font size="5">2</font></span></div></td> <td><div style="text-align: center;"><span style="color: #000000;"><strong>ВАШ ТЕКСТ <br/></strong><font size="5">3</font></span></div></td>  </tr>  <tr>      <td> <div style="text-align: center;"><span style="color: #000000;"><strong>ВАШ ТЕКСТ <br/></strong><font size="5">4</font></span></div></td><td> <div style="text-align: center;"><span style="color: #000000;"><strong>ВАШ ТЕКСТ <br/></strong> <font size="5">5</font></span></div></td></tr></tbody></table>

2. Так будет смотреться ваша таблица с картинкой.
 
 
 
 
вот её код

<TABLE>         <TR>      <TD><center><img src="URL адрес картинки"></center></TD> <TD ROWSPAN=2><center><img src=" URL адрес картинки "> </center></TD> <TD><center><img src=" URL адрес картинки"></center> </TD>         </TR>         <TR>      <TD><center><img src=" URL адрес картинки "></center> </TD> <TD><center><img src=" URL адрес картинки "></center></TD>         </TR> </TABLE>

вместо фразы   URL адрес картинки оставляя впокое кавычки  пишем ссылку на любую  вам понравившуюся картинку)) Если картинку нужно будет сделать кликабельной...то есть...если вы хотите  чтобы можно было нажимать на картинку и попадать туда  куда вы послали нас))) то пользуйтесь вот этой формулой..

 
   
 
 
вот формула
<TABLE>         <TR>      <TD> <center><a href=" URL адрес ссылки "><img src=" URL адрес картинки"></a> </center></TD> <TD ROWSPAN=2><center><a href=" URL адрес ссылки "><img src=" URL адрес картинки"></a> </center></TD> <TD><center><a href=" URL адрес ссылки "><img src="URL адрес картинки"></a></center> </TD>         </TR>         <TR>      <TD><center><a href=" URL адрес ссылки "><img src=" URL адрес картинки "></a> </center> </TD> <TD><center><a href=" URL адрес ссылки "><img src=" URL адрес картинки "></a> </center></TD>         </TR> </TABLE>
то есть адрес ссылки это туда куда посылаете а адрес картинки это то на что при этом нажимаете))) Очень часто мы пользуемся таблицами сами того не замечая..Вот кнопочки бродилки мы с вами делали..Помните??!!  А как  трудно их было выстроить так как хотелось  по три в ряд  по четыре...или сразу  по 6 да так,  чтобы  ровненько  и не друг на друге))) И тут ТАБЛИЦЫ...ну  куда  от них деться Идем далее.. 3. Таблица с видимыми границами.
ZOMKA1 ZOMKA2 ZOMKA3  
ZOMKA4 ZOMKA5 ZOMKA6  
 
 
вот её код для текстовых ячеек

<table border="1" cellspacing="0" cellpadding="10">         <tbody><tr>                 <td>ZOMKA1</td> <td>ZOMKA2</td> <td>ZOMKA3</td>         </tr>         <tr>                 <td>ZOMKA4</td> <td>ZOMKA5</td> <td>ZOMKA6</td>         </tr> </tbody></table>

а это ячейки с картинками
   
 
 
 
и код такой таблички

<TABLE BORDER CELLPADDING=10 CELLSPACING=0>         <TR>                 <TD> <center><img src=" URL адрес картинки 1"></center> </TD> <TD><center><img src=" URL адрес картинки 2"></center>  </TD> <TD><center><img src=" URL адрес картинки 3"></center> </TD>         </TR>         <TR>                 <TD><center><img src=" URL адрес картинки 4"></center> </TD> <TD><center><img src=" URL адрес картинки 5"></center> </TD> <TD><center><img src=" URL адрес картинки 6"></center> </TD>         </TR> </TABLE>

конечно и в этом коде  слова  URL адрес картинки  заменяем на наши ссылки то есть на ссылки наших  картинок))  Кавычки по-прежнему не трогаем))) Теперь расскажу  о таблице с рамкой.. 5. Таблица с рамкой. Для текста
ВАШ ТЕКСТ 1 ВАШ ТЕКСТ 2 ВАШ ТЕКСТ 3  
ВАШ ТЕКСТ 4  ВАШ ТЕКСТ 5 ВАШ ТЕКСТ 6  
 
 
её код

<TABLE BORDER=10>         <TR>      <TD> ВАШ ТЕКСТ 1</TD> <TD> ВАШ ТЕКСТ 2</TD><TD> ВАШ ТЕКСТ 3</TD>         </TR>         <TR>      <TD> ВАШ ТЕКСТ 4  </TD> <TD> ВАШ ТЕКСТ 5 </TD><TD> ВАШ ТЕКСТ 6</TD>         </TR> </TABLE>

Для картинок
 
 
 
 
её код
<TABLE BORDER=10>         <TR>      <TD><center><img src=" URL адрес картинки 1"></center></TD> <TD><center><img src=" URL адрес картинки 2"></center> </TD><TD><center><img src=" URL адрес картинки 3"></center> </TD>         </TR>         <TR>      <TD><center><img src=" URL адрес картинки 4"></center> </TD> <TD><center><img src=" URL адрес картинки 5"></center> </TD><TD><center><img src=" URL адрес картинки 6"></center> </TD>         </TR> </TABLE>
Ну и еще про одну табличку я вам расскажу...это таблица с фоном...Вот таким..
 
 
 
 
 
вот её код

<TABLE background="URL адрес фона." BORDER CELLPADDING=10 CELLSPACING=0>          <TR>                 <TD><center> <img src=" URL адрес картинки 1"></center></TD> <TD><center> <img src=" URL адрес картинки 2"></center></TD> <TD><center> <img src=" URL адрес картинки 3"></center></TD>         </TR>         <TR>                 <TD><center> <img src=" URL адрес картинки 4"></center></TD> <TD><center> <img src=" URL адрес картинки 5"></center></TD>
<TD><center> <img src=" URL адрес картинки 6"></center></TD>         </TR>         <TR>                 <TD><center> <img src=" URL адрес картинки 7"></center></TD> <TD><center> <img src=" URL адрес картинки 8"></center></TD> <TD><center> <img src=" URL адрес картинки 9"></center></TD>         </TR> </TABLE>

просто подставляете адрес своего фона  и адреса своих картинок...ну или кнопок....или...а  впрочем  кто во что горазд))))
Наконец то я закончила этот урок)))) Спасибо за терпение..но...у вас  теперь есть важные и готовые формулы...и вы не боитесь  слово ТАБЛИЦА)))))
 
zomka
Рубрики:  Уроки


Процитировано 475 раз
Понравилось: 77 пользователям

Любава_я   обратиться по имени Воскресенье, 16 Января 2011 г. 03:03 (ссылка)
Такими уроками дорожу, много пользы от них... Спасибо за урок, за проделанную работу.
Ответить С цитатой В цитатник
Ketevan   обратиться по имени Воскресенье, 16 Января 2011 г. 03:10 (ссылка)
Спасибо огромное!!! Прекрасное объяснение)))
Ответить С цитатой В цитатник
Мила-2010   обратиться по имени Воскресенье, 16 Января 2011 г. 03:35 (ссылка)
Большое спасибо за такой урок.
Ответить С цитатой В цитатник
Перейти к дневнику
Lanochka100   обратиться по имени Воскресенье, 16 Января 2011 г. 07:01 (ссылка)
Благодарю за урок!
Ответить С цитатой В цитатник
Перейти к дневнику
solaris50   обратиться по имени Воскресенье, 16 Января 2011 г. 07:15 (ссылка)
Спасибо за урок!:give_rose
 (300x300, 94Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
Хранимира   обратиться по имени Спасибо! Воскресенье, 16 Января 2011 г. 08:51 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
TATYSIY   обратиться по имени Воскресенье, 16 Января 2011 г. 10:17 (ссылка)
Ой,Ниночка огромное тебе спасибо за такой полезный и нужный пост!!!Благодарю!!!
Ответить С цитатой В цитатник
Перейти к дневнику
явалюша   обратиться по имени Воскресенье, 16 Января 2011 г. 10:55 (ссылка)
красивые картинки - Текст
Ответить С цитатой В цитатник
Перейти к дневнику
k-opt-EVA   обратиться по имени Воскресенье, 16 Января 2011 г. 11:56 (ссылка)
 (600x500,196Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
NATALIA_I-_P   обратиться по имени Воскресенье, 16 Января 2011 г. 12:48 (ссылка)
СПАСИБО! ПОЛЕЗНАЯ ИНФОРМАЦИЯ!
 (500x200, 518Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
sophy-catherine   обратиться по имени Воскресенье, 16 Января 2011 г. 14:16 (ссылка)
спасибо - это очень полезная информация!:heat:
Ответить С цитатой В цитатник
Перейти к дневнику
NatalyaNogteva   обратиться по имени Воскресенье, 16 Января 2011 г. 15:28 (ссылка)
Приветик, дорогая! Ты, как всегда, наша палочка-выручалочка!!! Спасибо, Нинуль!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 16 Января 2011 г. 20:41ссылка
NatalyaNogteva, Чмоки,чмоки...
Торнадо2112   обратиться по имени Воскресенье, 16 Января 2011 г. 15:30 (ссылка)
Спасибо,Нин!
Специальный раздел выделила для этого в своём дневе.
А то начинаю искать,блуждаю-блуждаю ,пока найду.
Теперь всё в одном месте будет.Времени катастрофически не хватает!И что у меня не 34 часа в сутках...
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 16 Января 2011 г. 20:42ссылка
Торнадо2112, Самой не хватает...
igorina_Egorova   обратиться по имени Воскресенье, 16 Января 2011 г. 17:02 (ссылка)
СПАСИБО
Ответить С цитатой В цитатник
Перейти к дневнику
sohpia   обратиться по имени Воскресенье, 16 Января 2011 г. 17:31 (ссылка)
а можно ли их использовать при HTML???
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 16 Января 2011 г. 20:42ссылка
sohpia, А это только при NTML
bekkeriri   обратиться по имени Воскресенье, 16 Января 2011 г. 17:58 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
Hatshepsoot   обратиться по имени Воскресенье, 16 Января 2011 г. 18:25 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
Дарина423   обратиться по имени Воскресенье, 16 Января 2011 г. 18:29 (ссылка)
Спасибо большое!
Ответить С цитатой В цитатник
Перейти к дневнику
Татьяна_Стреж   обратиться по имени Воскресенье, 16 Января 2011 г. 20:58 (ссылка)
Огромное спасибо. Объяснения понятны.
Ответить С цитатой В цитатник
Перейти к дневнику
Александра-Я   обратиться по имени Воскресенье, 16 Января 2011 г. 20:59 (ссылка)
поучительно!
 (452x600, 25Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
VALJ   обратиться по имени Воскресенье, 16 Января 2011 г. 21:02 (ссылка)
СПАСИБО ЗА ПОЛЕЗНЫЙ УРОК!!!Прикольные розы с сердечками
  • Анимация
  • Ответить С цитатой В цитатник
    Перейти к дневнику
    Елена_Коробкова   обратиться по имени Воскресенье, 16 Января 2011 г. 21:55 (ссылка)
    Большое спасибо.
    Ответить С цитатой В цитатник
    Перейти к дневнику
    Н_НИНА   обратиться по имени Воскресенье, 16 Января 2011 г. 22:39 (ссылка)
    спасибо преогромное за пост, у меня от этого было процентов 10, а теперь такой набор, просто прелемть
    Ответить С цитатой В цитатник
    Перейти к дневнику
    Вера_Шепелева   обратиться по имени Понедельник, 17 Января 2011 г. 00:30 (ссылка)
    Спасибо!Прочитала,начинаю понимать...
    Ответить С цитатой В цитатник
    Перейти к дневнику
    Anjali   обратиться по имени Понедельник, 17 Января 2011 г. 15:47 (ссылка)
    Спасибо за урок!
     (499x463, 37Kb)
    Ответить С цитатой В цитатник
    Перейти к дневнику
    malleri   обратиться по имени Среда, 19 Января 2011 г. 11:53 (ссылка)
    Класс!Благодарю за труд! Неоценимый урок!
    Ответить С цитатой В цитатник
    Перейти к дневнику
    Перейти к дневнику
    06Leka   обратиться по имени Суббота, 29 Января 2011 г. 10:47 (ссылка)
    попробую выучить урок!
    Ответить С цитатой В цитатник
    Перейти к дневнику
    Gali50na   обратиться по имени Суббота, 29 Января 2011 г. 12:42 (ссылка)
    Arnusha, Спасибо за урок!
    Ответить С цитатой В цитатник
    Перейти к дневнику
    Комментировать К дневнику Страницы: [1] 2 3 [Новые]
     

    Добавить комментарий:
    Текст комментария: смайлики

    Проверка орфографии: (найти ошибки)

    Прикрепить картинку:

     Переводить URL в ссылку
     Подписаться на комментарии
     Подписать картинку