ПОЗДРАВЛЯЮ С ДНЕМ РОЖДЕНИЯ НИНОЧКУ!(Arnusha) Милая милая Ниночка! С опозданием,но от всего ...
Спасибо от души TAISA_ANDRYEVEVA! - (10)СВЕТЛОГО, ДОБРОГО ПРАЗДНИКА, С ДНЕМ РОЖДЕНИЯ, НИНОЧКА - Arnusha!!! Пусть будет крепким з...
Любочка (laplared), благодарю тебя подружка моя!!!!!!!!!!! - (2)Поздравляю Ниночку (Arnusha) с днём рождения ...
Лолочка (Lola_malvina), золотце, спасибо!!!!!! - (3)С днём Рождения, Ниночка!(Аrnusha) Прими мои самые теплые поздравления с Днем Рождения! В э...
Верочка (Дневник_Девы), огромное спасибо! - (4)Поздравляю с Днем рождения , Ниночка! (Arnusha)
Урок по таблицам...полезный))) |
Сегодня я расскажу Вам, о таблицах. Много говорят и пишут о них но мало кто понимает для чего они нужны..Мы обычно отмахиваемся от того что нам непонятно...мол Да ладно...Оно мне надо??!!
А зря...потому что слово "таблица " это не просто какая -то линованная сеточка на бумаге или на экране..Вот захотели вы в ряд выстроить в посте фотографии они...заразы...все время вертикально норовят)) или текст между картинками или ..наоборот...картинку внутри текста))) так все это делается при помощи таблиц)) Но пусть они вас больше не пугают!!!Для того чтобы, сделать таблицу, вам больше не придется ломать себе голову.
Просто выбирайте подходящую табличку и копируйте код в окошке. Я все сделала за вас...вы только выбирайте и пользуйтесь))
Изначально рассмотрим вариант, когда видимость таблицы не нужна.
Когда просто нужно расположить текст или картинки в пост так, чтобы они ровно стояли.
<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><
<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. Таблица с видимыми границами.
<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>
<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> Наконец то я закончила этот урок)))) Спасибо за терпение..но...у вас теперь есть важные и готовые формулы...и вы не боитесь слово ТАБЛИЦА))))) 
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| zomka |
| Рубрики: | Уроки |
| Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] 2 3 [Новые] |
Любава_я обратиться по имени
Воскресенье, 16 Января 2011 г. 03:03 (ссылка)
Ketevan обратиться по имени
Воскресенье, 16 Января 2011 г. 03:10 (ссылка)
Мила-2010 обратиться по имени
Воскресенье, 16 Января 2011 г. 03:35 (ссылка)
solaris50 обратиться по имени
Воскресенье, 16 Января 2011 г. 07:15 (ссылка)
TATYSIY обратиться по имени
Воскресенье, 16 Января 2011 г. 10:17 (ссылка)
NATALIA_I-_P обратиться по имени
Воскресенье, 16 Января 2011 г. 12:48 (ссылка)
sophy-catherine обратиться по имени
Воскресенье, 16 Января 2011 г. 14:16 (ссылка)
NatalyaNogteva обратиться по имени
Воскресенье, 16 Января 2011 г. 15:28 (ссылка)
NatalyaNogteva, Чмоки,чмоки...Торнадо2112 обратиться по имени
Воскресенье, 16 Января 2011 г. 15:30 (ссылка)
Торнадо2112, Самой не хватает...
sohpia обратиться по имени
Воскресенье, 16 Января 2011 г. 17:31 (ссылка)
sohpia, А это только при NTMLbekkeriri обратиться по имени
Воскресенье, 16 Января 2011 г. 17:58 (ссылка)
Татьяна_Стреж обратиться по имени
Воскресенье, 16 Января 2011 г. 20:58 (ссылка)
VALJ обратиться по имени
Воскресенье, 16 Января 2011 г. 21:02 (ссылка)
Н_НИНА обратиться по имени
Воскресенье, 16 Января 2011 г. 22:39 (ссылка)
Вера_Шепелева обратиться по имени
Понедельник, 17 Января 2011 г. 00:30 (ссылка)
malleri обратиться по имени
Среда, 19 Января 2011 г. 11:53 (ссылка)
| Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] 2 3 [Новые] |
