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

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

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

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

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

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

Базы в пещере

О зеленом чае

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

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

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

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

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

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

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


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

Выравнивание таблицы html.

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


Что же мы сможем получить в итоге? Во-первых, выравнивание может прижимать текст к верху таблицы, оставлять его в середине, или размещать снизу. Это дает возможность создать собственный дизайн. Также, используя горизонтальное выравнивание Вам будет доступно прижать текст к левой стороне или правой, а также оставить его в центре. Как видите, функциональность большая, а для ее исполнения нужно знать немного информации.

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

   Вертикальное выравнивание задаётся атрибутом valign. Для атрибута valign можно задать следующие параметры:

valign="top"содержимое ячейки будет прижато
кверху
;
valign="middle"содержимое ячейки будет
расположено по центру;
valign="bottom" - содержимое ячейки будет прижато
книзу
.

Пропишем эти атрибуты в нашей таблице:



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




















   Посмотрим, что получилось:

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

   Горизонтальное выравнивание задаётся атрибутом align. Для этого атрибута также есть свои параметры. Мы уже с ними
знакомились в предыдущих разделах:

align="left" - содержимое ячейки будет прижато к
левому краю
ячейки
;
align ="center" - содержимое ячейки будет
расположено по
центру
.
Также можно использовать тэг <center></center>;
align="right" - содержимое ячейки будет прижато к
правому краю ячейки
.

Теперь вставим все эти атрибуты в нашу таблицу:




<table border="2" bordercolor="#990066">
<tr>
<td height="50" width="200" valign="top" 
align="center">строчка1 столбец1</td>
<td width="150" valign="bottom">
<center>строчка1 столбец2</center></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
строчка1 столбец2
строчка2 столбец1 строчка2 столбец2
строчка3 столбец1 строчка3 столбец2

   В следующем разделе мы придадим нашей таблице цветности.

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

Error. Page cannot be displayed. Please contact your service provider for more details. (7)




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

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

Рекламный блок
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 г ©.Работа в интернете на дому.
Копирование информации разрешено лишь
с разрешения владельца сайта.