Рекламный блок

Статьи и заметки
Про работу в сети интернет

Найдена гора в несколько раз большая, чем Эверест

В Бразилии закрыто несколько аэропортов

Зона свободной торговли СНГ

Природа загадочного явления определена

Базы в пещере

О зеленом чае

Народный рецепт для роста и укрепления волос

Народный рецепт для роста и укрепления волос

Ученые нашли йети

Как космос повлиял на динозавров

Как космос повлиял на динозавров

Новая болезнь подростков

Астронавты для NASA


Goon Каталог сайтов

Растягивание ячеек в таблицах html.

    Хотя на замену табличной верстке в современном языке html приходит упрощённая блочная div вёрстка, знать основные принципы использования и настройки основных html тэгов просто необходимо. При корректировке внешнего вида страниц форума на SMF для Joomla Вам необходимо вооружится знаниями html тегов таблиц, без них Вы не справитесь с данной задачей, так в движке этого форума всё ещё используется табличная вёрстка. Чтобы вставить код счётчика посетителей Вам нужно прибегнуть к созданию таблиц и без определённых навыков вы не сможете подключить эту жизненно-необходимую для Вашего сайта или блога услугу.

Эффективные методы заколачивания денег в интернете

    Прибегнув к помощи тегов таблиц можно быстро и легко отформатировать страницу различными элементами, будь то текст, изображение или простая ссылка. Для этих целей прибегали к таблицам, которые встроены в ячейки других html таблиц. Они дают возможность размещения текста в нужном месте страницы, расположив его в разные ячейки html таблицы.

Чтобы создать таблицу в html коде применяют тег Table. Затем Вы разбиваете всю область, которая необходима для таблицы, на строки с помощью тегов TR, а строки на отдельные ячейки с использованием тегов TH, TD.

    Иногда при вёрстке таблиц требуется объединить несколько ячеек по горизонтали или вертикали в одну. Для этого используют атрибуты colspan и rowspan.

сolspan – определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1;
rowspan – определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1.

Давайте растянем первую строку на две ячейки с помощью атрибута сolspan. Для этого нам нужно в первой строке, для которой мы прописали атрибут colspan="2", убрать один столбец.




<table border="2" bordercolor="#990066" 
bgcolor="#FF9933">
<tr>
<td height="50" width="200" valign="top" 
align="center" bgcolor="#9999FF" 
colspan="2">строчка1 столбец1</td>
</tr>
<tr>
<td height="100" width="200" valign="middle" 
align="left">строчка 2 столбец1</td>
<td width="150"  valign="middle" 
align="left">строчка 2 столбец2</td>
</tr>
<tr>
<td height="50" width="200" valign="bottom" 
align="right">строчка 3 столбец1</td>
<td width="150" valign="top" 
align="right">строчка 3 столбец2</td> 
</tr>
</table>























   Вид данного кода в html:

строчка1 столбец1
строчка 2 столбец1 строчка 2 столбец2
строчка 3 столбец1 строчка 3 столбец2

   Теперь, с помощью атрибута rowspan растянем первый столбец на три ряда. Для этого мы прописываем атрибут rowspan="3" для первой строчки, в остальных строчках мы просто убираем все столбцы под цифрой 2:



<table border="2" bordercolor="#990066" 
bgcolor="#FF9933">
<tr>
<td height="50" width="200" valign="top" 
align="center">строчка1 столбец1</td>
<td width="150" valign="middle" align="left" rowspan="3" 
bgcolor="#9999FF">строчка 1 столбец2</td>
</tr>
<tr>
<td height="100" width="200" valign="middle" 
align="left">строчка 2 столбец1</td>
</tr>
<tr>
<td height="50" width="200" valign="bottom" 
align="right">строчка 3 столбец1</td> 
</tr>
</table>




















   Вид данного кода в html:

строчка1 столбец1 строчка 1 столбец2
строчка 2 столбец1
строчка 3 столбец1

   Для лучшего усвоения материала по заработку в интернете на дому на своём сайте разберём комбинированный пример, где будут находиться оба параметра сolspan и rowspan:



<table border="2" bordercolor="#990066" 
bgcolor="#FF9933">
<tr>
<td height="50" width="200" valign="top" 
align="center" bgcolor="#9999FF" 
colspan="2">строчка1 столбец1</td>
</tr>
<tr>
<td height="100" width="200" valign="middle" 
align="left">строчка 2 столбец1</td> 
<td width="150" valign="middle" align="left" 
rowspan="2" bgcolor="#9999FF">строчка 2 столбец2</td>
</tr>
<tr>
<td height="50" width="200" valign="bottom" 
align="right">строчка 3 столбец1</td> 
</tr>
</table>





















   Вид данного кода в html:

строчка1 столбец1
строчка 2 столбец1 строчка 2 столбец2
строчка 3 столбец1

   Далее мы разберём ещё несколько атрибутов для таблиц html.

2017-12-15 22:36:46 - Не могу записать данные в файл: /var/www/cleopa/data/www/natali-myseok.com/nahapetasikalin/cache_natali-myseok_com_bf.txt
2017-12-15 22:36:46 - Не могу записать данные в файл: /var/www/cleopa/data/www/natali-myseok.com/nahapetasikalin/cache_natali-myseok_com_bf.txt



Размышления наших посетителей на заданную тему.

Что такое блог?
Что ожидает Российский интернет в будущем!
Резиновый и фиксированный дизайны сайта.
Баннерная реклама.
Интернет-маркетинг и планы по продвижению сайта.
Как начать зарабатывать в Интернете?
Как организовать свой бизнес.

Рекламный блок
Error: Cache dir: Permission denied!
Error: Can't open cache file!
Error: Can't write cache!
Error: Can't open cache file!
Error: Can't write cache!
Необходимо выставить права 777 на папку 78435758

Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Сайт создан в 2010 г ©.Работа в интернете на дому.
Копирование информации разрешено лишь
с разрешения владельца сайта.