Создание таблиц 2 - История изменений

Вики-Мастер в 10:08, 17 ноября 2011

2011-11-17T10:08:57Z

Вики-Мастер в 10:05, 17 ноября 2011

2011-11-17T10:05:13Z

Вики-Мастер в 09:57, 17 ноября 2011

2011-11-17T09:57:58Z

Вики-Мастер в 09:55, 17 ноября 2011

2011-11-17T09:55:25Z

Вики-Мастер в 09:51, 17 ноября 2011

2011-11-17T09:51:03Z

Вики-Мастер: Новая страница: «

Таблицы в HTML

Начало и конец таблицы задаются тегами '''<'''table'''>''' '''<'''/table'''>'''.
Строки ...»

2011-11-17T09:36:55Z

Новая страница: «<h2>Таблицы в HTML</h2> Начало и конец таблицы задаются тегами '''<'''table'''>''' '''<'''/table'''>'''. <br>Строки ...»

Новая страница

<h2>Таблицы в HTML</h2>

Начало и конец таблицы задаются тегами '''<'''table'''>''' '''<'''/table'''>'''.
<br>Строки задаются тегами '''<'''tr'''>''' '''<'''/tr'''>'''
<br>Столбцы задаются тегами '''<'''td'''>''' '''<'''/td'''>'''

'''Пример:'''

'''<'''table>
<br>'''<'''tr>
<br>'''<'''td>Первая ячейка'''<'''/td>
<br>'''<'''td>Вторая ячейка</td>
<br>'''<'''/tr>
<br>'''<'''tr>
<br>'''<'''td>Третья ячейка</td>
<br>'''<'''td>Четвертая ячейка</td>
<br>'''<'''/tr>
<br>'''<'''/table>

'''В Wiki это будет выглядеть так:'''
<table>
<tr>
<td>Первая ячейка</td>
<td>Вторая ячейка</td>
</tr>
<tr>
<td>Третья ячейка</td>
<td>Четвертая ячейка</td>
</tr>
</table>

← Предыдущая		Версия 10:08, 17 ноября 2011
Строка 235:		Строка 235:

	'''<'''td valign="top">Первая ячейка</td>		'''<'''td valign="top">Первая ячейка</td>
		+
		+	<h2>Цвет ячейки (таблицы)</h2>
		+	Для этого используется тег bgcolor.
		+
		+	'''Пример:'''
		+
		+	'''<'''table border="1">
		+	<br>'''<'''tr>
		+	<br>'''<'''td>Первая ячейка'''<'''/td>
		+	<br>'''<'''td>Вторая ячейка</td>
		+	<br>'''<'''/tr>
		+	<br>'''<'''tr>
		+	<br>'''<'''td bgcolor="#FFFF00">Третья ячейка</td>
		+	<br>'''<'''td>Четвертая ячейка</td>
		+	<br>'''<'''/tr>
		+	<br>'''<'''/table>
		+
		+	'''В Wiki это будет выглядеть так:'''
		+	<table border="1">
		+	<tr>
		+	<td>Первая ячейка</td>
		+	<td>Вторая ячейка</td>
		+	</tr>
		+	<tr>
		+	<td bgcolor="#FFFF00">Третья ячейка</td>
		+	<td>Четвертая ячейка</td>
		+	</tr>
		+	</table>

← Предыдущая		Версия 10:05, 17 ноября 2011
Строка 185:		Строка 185:
	</tr>		</tr>
	</table>		</table>
		+
		+	<h2>Размер таблицы и ячеек</h2>
		+	Для этого используются теги width (ширина) и height (высота). Их значения задаются в пикселах или процентах.
		+
		+	Пример:
		+
		+	'''<'''table width="75%" height="25%">
		+
		+	Так же меняется и размер ячеек.
		+
		+	<h2>Выравнивание</h2>
		+	<h3>Горизонтальное</h3>
		+	Для этого используется тег align. Для выравнивания по центру - center, по правому краю - right, по левому краю - left.
		+
		+	'''Пример:'''
		+
		+	'''<'''table border="1">
		+	<br>'''<'''tr>
		+	<br>'''<'''td>Первая ячейка'''<'''/td>
		+	<br>'''<'''td align=center>Вторая ячейка</td>
		+	<br>'''<'''/tr>
		+	<br>'''<'''tr>
		+	<br>'''<'''td>Третья ячейка</td>
		+	<br>'''<'''td>Четвертая ячейка</td>
		+	<br>'''<'''/tr>
		+	<br>'''<'''/table>
		+
		+	'''В Wiki это будет выглядеть так:'''
		+	<table border="1">
		+	<tr>
		+	<td>Первая ячейка</td>
		+	<td align=center>Вторая ячейка</td>
		+	</tr>
		+	<tr>
		+	<td>Третья ячейка</td>
		+	<td>Четвертая ячейка</td>
		+	</tr>
		+	</table>
		+
		+	<h3>Вертикальное</h3>
		+	Для вертикального выравнивания содержимого ячеек используется тег valign, у которого есть следующие значения:
		+
		+	*baseline — по базовой линии;
		+	*bottom — по нижнему краю;
		+	*middle — по середине (значение по умолчанию);
		+	*top — по верхнему краю.
		+
		+	'''Пример:'''
		+
		+	'''<'''td valign="top">Первая ячейка</td>

@@ Строка 155: / Строка 155: @@
 <tr>
 <td>Третья ячейка</td>
 <td>Четвертая ячейка</td>
 </tr>
 </table>

@@ Строка 124: / Строка 124: @@
 <td>Первая ячейка</td>
 <td>Вторая ячейка</td>
 </tr>
 <tr>

@@ Строка 20: / Строка 20: @@
 '''В Wiki это будет выглядеть так:'''
 <table>
 <tr>
 <td>Первая ячейка</td>