MENU

01:46
шаг 6: Таблицы

Таблицы

шаг 6:

таблица состоит и строк и столбцов, по этому одним тегом мы не обойдемся и так, таблица открывается тегом table:

Код

<table>  

</table>  


Далее что бы , создать строку мы пишем тег tr внутри table, а что бы в эту строку поместить одну ячейку мы внутри tr пишем тег td:
Код

<table>  
<tr>  
<td> содержимое ячейки 1<td>  
<td> содержимое ячейки 2<td>  
</tr>  
</table>  


Если нужно несколько строк в таблице то добавляем ещё tr и td.

Параметры:

И так ширину и высоту указывать так же, как и в изображениях, height-высота и width- ширина.

Код

<table width=100% height=50%>  
<tr>  
<td width=20%> содержимое ячейки 1<td>  
<td width=80%> содержимое ячейки 2<td>  
</tr>  
</table>  


Задний фон указывается параметром bgcolor:

Код

<table bgcolor=grey width=100% height=50%>  
<tr>  
<td width=20%> содержимое ячейки 1<td>  
<td width=80%> содержимое ячейки 2<td>  
</tr>  
</table>  


Ширина рамок указывается параметром border:

Код

<table border=2 bgcolor=grey width=100% height=50%>  
<tr>  
<td width=20%> содержимое ячейки 1<td>  
<td width=80%> содержимое ячейки 2<td>  
</tr>  
</table>  


Расположение таблицы по горизонтали align, а по вертикале valign:

Код

<table align=right border=2 bgcolor=grey width=100% height=50%>  
<tr>  
<td width=20% valign=top> содержимое ячейки 1<td>  
<td width=80%> содержимое ячейки 2<td>  
</tr>  
</table>  


Параметры align:

Код

left - слева  
center - середина  
right - право  


Параметры valign:

Код

top - вверх  
midlle - середина  
bottom - низ  


шаг назад



Категория: html | Просмотров: 971 | Добавил: | Рейтинг: 0.0/0
Всего комментариев: 0
avatar