УРОКИ ПО ТАБЛИЦАМ
Оригинал взят у manngiana в УРОКИ ПО ТАБЛИЦАМ
УРОК ПО ТАБЛИЦАМ
Сегодня я расскажу Вам, о таблицах. Много говорят и пишут о них но мало кто понимает для чего они нужны..Мы обычно отмахиваемся от того что нам непонятно...мол да ладно...Оно мне надо??!!
А зря...потому что слово "таблица " это не просто какая -то линованная сеточка на бумаге или на экране..Вот захотели вы в ряд выстроить в посте фотографии они...заразы...все время вертикально норовят. Или текст между картинками или ..наоборот...картинку внутри текста. Так все это делается при помощи таблиц. Но пусть они вас больше не пугают!!! Для того чтобы, сделать таблицу, вам больше не придется ломать себе голову. Просто выбирайте подходящую табличку и копируйте код в окошке. Я все сделала за вас...вы только выбирайте и пользуйтесь.
Изначально рассмотрим вариант, когда видимость таблицы не нужна. Когда просто нужно расположить текст или картинки в пост так, чтобы они ровно стояли.
1. Так будет смотреться ваша таблица с текстом.
ВАШ ТЕКСТ
1
ВАШ ТЕКСТ
2
ВАШ ТЕКСТ
3
ВАШ ТЕКСТ
4
ВАШ ТЕКСТ
5
вот код этой таблицы
ВАШ ТЕКСТ
1
ВАШ ТЕКСТ
2
ВАШ ТЕКСТ
3
ВАШ ТЕКСТ
4
ВАШ ТЕКСТ
5
table> УРОК ПО ТАБЛИЦАМ
Сегодня я расскажу Вам, о таблицах. Много говорят и пишут о них но мало кто понимает для чего они нужны..Мы обычно отмахиваемся от того что нам непонятно...мол да ладно...Оно мне надо??!!
А зря...потому что слово "таблица " это не просто какая -то линованная сеточка на бумаге или на экране..Вот захотели вы в ряд выстроить в посте фотографии они...заразы...все время вертикально норовят. Или текст между картинками или ..наоборот...картинку внутри текста. Так все это делается при помощи таблиц. Но пусть они вас больше не пугают!!! Для того чтобы, сделать таблицу, вам больше не придется ломать себе голову. Просто выбирайте подходящую табличку и копируйте код в окошке. Я все сделала за вас...вы только выбирайте и пользуйтесь.
Изначально рассмотрим вариант, когда видимость таблицы не нужна. Когда просто нужно расположить текст или картинки в пост так, чтобы они ровно стояли.
1. Так будет смотреться ваша таблица с текстом.
ВАШ ТЕКСТ
1
ВАШ ТЕКСТ
2
ВАШ ТЕКСТ
3
ВАШ ТЕКСТ
4
ВАШ ТЕКСТ
5
вот код этой таблицы
ВАШ ТЕКСТ
1
ВАШ ТЕКСТ
2
ВАШ ТЕКСТ
3
ВАШ ТЕКСТ
4
ВАШ ТЕКСТ
5
2. Так будет смотреться ваша таблица с картинкой.
вот её код
вместо фразы URL адрес картинки оставляя впокое кавычки пишем ссылку на любую вам понравившуюся картинку))
Если картинку нужно будет сделать кликабельной...то есть...если вы хотите чтобы можно было нажимать на картинку и попадать туда куда вы послали нас))) то пользуйтесь вот этой формулой..
вот формула
то есть адрес ссылки это туда куда посылаете а адрес картинки это то на что при этом нажимаете)))
Очень часто мы пользуемся таблицами сами того не замечая..Вот кнопочки бродилки мы с вами делали..Помните??!! А как трудно их было выстроить так как хотелось по три в ряд по четыре...или сразу по 6 да так, чтобы ровненько и не друг на друге))) И тут ТАБЛИЦЫ...ну куда от них деться
Идем далее..
3. Таблица с видимыми границами.
ZOMKA1ZOMKA2ZOMKA3ZOMKA4ZOMKA5ZOMKA6
вот её код для текстовых ячеек
ZOMKA1 ZOMKA2 ZOMKA3 ZOMKA4 ZOMKA5 ZOMKA6
а это ячейки с картинками
и код такой таблички
конечно и в этом коде слова URL адрес картинки заменяем на наши ссылки то есть на ссылки наших картинок)) Кавычки по-прежнему не трогаем)))
Теперь расскажу о таблице с рамкой..
5. Таблица с рамкой.
Для текста
ВАШ ТЕКСТ 1 ВАШ ТЕКСТ 2 ВАШ ТЕКСТ 3 ВАШ ТЕКСТ 4 ВАШ ТЕКСТ 5 ВАШ ТЕКСТ 6
её код
ВАШ ТЕКСТ
1 ВАШ ТЕКСТ 2 ВАШ ТЕКСТ 3 ВАШ ТЕКСТ 4 ВАШ ТЕКСТ 5 ВАШ ТЕКСТ 6
Для картинок
её код
Ну и еще про одну табличку я вам расскажу...это таблица с фоном...Вот таким..
вот её код
просто подставляете адрес своего фона и адреса своих картинок...ну или кнопок....или...а впрочем кто во что горазд.
Наконец то я закончила этот урок.
Спасибо за терпение..но...у вас теперь есть важные и готовые формулы...и вы не боитесь словa ТАБЛИЦА.
zomka
источник: clubs.ya.ru/4611686018427410734/replies.xml?item_no=7107
*******************************
УРОК ПО ТАБЛИЦАМ
Сегодня мы поговорим не о том как выстроить в своем посте фото, картинки и разную разность..а о том как удобнее расположить в посте картинки и текст..чтобы и место было не лишним и красиво смотрелось.. Итак
Пишем текст в 2 столбика.
От тюрьмы и от сумы не зарекайся.
Оступившись, обязательно покайся. Да осилит путь идущий по дорогам.
Да отыщет свет во тьме идущий с Богом.
вот код этого
Текст первого столбцаТекст второго столбца
Далее..
это цвет текста, его можно поменять на другой.
Меняем только ту часть, которая заключена в кавычки, ничего больше не трогаем.
это расстояние между столбцами, его тоже можно менять. К примеру, не 36, а 12.
это
размер шрифта нашего текста. Двойку можно поменять на нужный размер.
Пишем текст с картинками в 2 столбика
Странная штука, жизнь виртуальная,
Хоть электронная - все же реальная,
Те же в ней страсти, любовь и пороки,
Те же по жизни у всех замороки...
вот формула этого
КАРТИНКА (вставляем из компьютера или из Радикала под №6)
ТЕКСТ
КАРТИНКА
ТЕКСТ
Далее..
Как менять размер и цвет шрифта вы уже знаете.
А вот чтобы продолжить эту формулу (обычно мы используем побольше и картинок, и текста), нужно вставить между последними тэгами
и вот такой элемент формулы
Картинка
Текст
и ставить таких элементов столько, сколько нужно.
Картинка между текстом
Странная штука, жизнь виртуальная,
Хоть электронная - все же реальная,
Те же в ней страсти, любовь и пороки,
Те же по жизни у всех замороки....
вот формула этого
ТЕКСТ
ТЕКСТ.
Далее..
Продолжить писать таким же образом можно, повторив элемент
Текст
ТЕКСТ.
Вставляем его так же, как описано выше. Желаю удачи!
источник: clubs.ya.ru/4611686018427428548/replies.xml?item_no=2938
***************************************
СТРОИМ ТАБЛИЦУ. УРОК ОТ ДЖУЛИИ
Построим простейшую таблицу, состоящую из одной строки и двух столбцов.
Текст1
Текст2
Текст1Текст2
Теперь добавим рамку к нашей таблице. Для этого нужно в тег добавить border="3" Этот параметр определяет ширину бордюра таблицы. Усли нужна рамка толщиной 10 пиксель то 3 меняем на 10.
А если мы хотим сделать нашу таблицу на каком-нибудь фоне, то добавим к таблице параметр background и укажем адрес нашего фона
http://s60.radikal.ru/i170/0905/cf/597b1b96c0fc.jpg">
Текст1
Текст2
Текст1Текст2
Теперь создадим вот такую таблицу
Первая строка. Текст1Первая строка. Текст2Последняя строка. Текст1Последняя строка. Текст2Текст1Текст2
Первая строка. Текст1
Первая строка. Текст2
Последняя строка. Текст1
Последняя строка. Текст2
Текст1
Текст2
В первой строке текст размещен слева, в последней строке - справа, а в центральной строке - посередине
Таблица с заголовками
Тег предназначен для создания одной ячейки таблицы,
которая обозначается как заголовочная.
Располагается этот тег только внутри тега
Заголовок1
Заголовок2
Текст1
Текст2
Заголовок1Заголовок2Текст1Текст2
Объеденим несколько ячеек таблицы. Для этого в теге нужно указать colspan - объеденяет
горизонтальные ячейки, rowspan - вертикальные
Объеденим 2 ячейки первой строки в одну ячейку
Текст1
Текст2
Текст3
Текст1Текст2Текст3
Объеденим 2 ячейки первого столбца в одну ячейку
Текст1
Текст2
Текст3
Текст1Текст2Текст3
Параметры тега cellpadding - отступ от рамки до содержимого ячейки и cellspacing- расстояние между
ячейками.
Текст1
Текст2
Текст3
Текст3
Текст1Текст2Текст3Текст3
Желаю удачи!
Источник: blogs.mail.ru/mail/moisin/tag/%ef%ee%ec%ee%f9%fc%20%e1%eb%ee%e3%e3%e5%f0%f3 (Помощь блоггеру)