Sergeychernega1970 в 11:17, 10 жовтня 2012

2012-10-10T11:17:59Z

Sergeychernega1970 в 11:17, 10 жовтня 2012

2012-10-10T11:17:11Z

Sergeychernega1970: Створена сторінка:

Урок 5

== Таблиці == Таблиці у Web-документах застосовуються не лише для розміщення т...

2012-10-10T10:13:26Z

Створена сторінка: <h1> Урок 5 </h1> == Таблиці == Таблиці у Web-документах застосовуються не лише для розміщення т...

Нова сторінка

<h1> Урок 5 </h1>

== Таблиці ==
Таблиці у Web-документах застосовуються не лише для розміщення табличних даних. Їх також використовують для вставки зображень і посилань, для компонування Web-сторінки тощо.

== Теги ==
<b><table></b> обов'язковий парний йому <b></table></b> - створення таблиці

<b><tr></b> НЕобов'язковий парний йому <b></tr></b> - створення рядка таблиці

<b><td></b> НЕобов'язковий парний йому <b></td></b> - створення комірки таблиці у рядку

<h2 style = color:green;>Приклад таблиці</h2>

<table>
<tr>
<td>№
<td>Прізвище
<td>Ім'я

<tr>
<td>1
<td> Франко
<td>Іван
<tr>

<td>2
<td> Шевченко
<td>Тарас

<tr>
<td>3
<td>Українка
<td> Леся

<tr>
<td>4
<td>Загребельний
<td> Павло

<tr>
<td>5
<td> Гончар
<td>Олесь<br>
</table>

<p style="font-size:14pt; color:blue;">

А так виглядає сам HTML-код.</p>

<table> <br>
<tr><br>
<td>№ <td>Прізвище <td>Ім'я

<tr><br>
<td>1 <td> Франко <td>Іван

<tr><br>
<td>2 <td> Шевченко <td>Тарас

<tr><br>
<td>3 <td>Українка <td> Леся

<tr><br>
<td>4 <td>Загребельний <td> Павло

<tr><br>
<td>5 <td> Гончар <td>Олесь
</table>

<h2> Атрибути тега <table> </h2>
<b>align</b> - <br>
Вирівнювання таблиці відносно документа. Можливі значення: center, left, right <br>
<b>bgcolor</b> -<br>
Визначає колір фону в таблиці <br>
<b>border</b> -<br>
Товщина рамки в пікселях. Якщо атрибут не вказаний, то таблиця виводиться без видимої рамки <br>
<b>bordercolor</b> -<br>
Колір рамки таблиці<br>
<b>width</b> - <br>
Ширина таблиці в процентах (80%) або в пикселях (700)<br>

<h2 style = color:green;>Приклад застосування атрибутів тега <table></h2>

<table align=center bgcolor=#00FFFF border=2 bordercolor=red width=400>
<tr>
<td>№
<td>Прізвище
<td>Ім'я

<tr>
<td>1
<td> Франко
<td>Іван
<tr>

<td>2
<td> Шевченко
<td>Тарас

<tr>
<td>3
<td>Українка
<td> Леся

<tr>
<td>4
<td>Загребельний
<td> Павло

<tr>
<td>5
<td> Гончар
<td>Олесь<br>
</table>

<p style="font-size:14pt; color:blue;">

А так виглядає сам HTML-код.</p>

<table align=center<br> bgcolor=#00FFFF <br>border=2<br> bordercolor=red <br>width=400<br>> <br>
<tr><br>
<td>№ <td>Прізвище <td>Ім'я

<tr><br>
<td>1 <td> Франко <td>Іван

<tr><br>
<td>2 <td> Шевченко <td>Тарас

<tr><br>
<td>3 <td>Українка <td> Леся

<tr><br>
<td>4 <td>Загребельний <td> Павло

<tr><br>
<td>5 <td> Гончар <td>Олесь
</table>

== Атрибути тега <tr> ==
<b>align</b> - <br>
Вирівнювання таблиці відносно документа. Можливі значення: center, left, right, justify, char <br>
<b>bgcolor</b> -<br>
Визначає колір фону <u>рядка</u> таблиці <br>
<b>bordercolor</b> -<br>
Колір рамки <u>рядка</u> таблиці. Рамка відображається, коли встановлено атрибут border з ненульовим значенням у тега <table>. <br>
<b>valign</b>
Вирівнює текст у комірках рядка по вертикалі<br>
top - по верхньому краю <br>
middle - по центру <br>
bottom - по нижньому краю<br>

== Атрибути тега <td> ==
<b>align</b> - <br>
Вирівнювання таблиці відносно документа. Можливі значення: <i>center, left, right, justify, char</i> <br>
<b>bgcolor</b> -<br>
Визначає колір фону <u>рядка</u> таблиці <br>
<b>bordercolor</b> -<br>
Колір рамки <u>рядка</u> таблиці. Рамка відображається, коли встановлено атрибут border з ненульовим значенням у тега <table>. <br>
<b>valign</b>
Вирівнює текст у комірках рядка по вертикалі<br>
<i>top</i> - по верхньому краю <br>
<i>middle</i> - по центру <br>
<i>bottom</i> - по нижньому краю<br>

<b>height</b> - <br>
Висота комірки.

<b>nowrap</b> - <br>
Забороняє перенесення рядків у комірці.

<b>width</b> -<br>
Ширина комірки.

== Завдання ==
1. Створіть HTML-сторінку за зразком поданим на Рис. 1
[[Файл:Таблиця_27.png]]

←Попередня ревізія		Версія за 11:17, 10 жовтня 2012
Рядок 2:		Рядок 2:

	== Складні таблиці у Web-документах ==		== Складні таблиці у Web-документах ==
		+	<font color=white>
		+
	Таблиці у Web-документах застосовуються не лише для розміщення табличних даних. Їх також використовують для вставки зображень і посилань, для компонування Web-сторінки тощо.		Таблиці у Web-документах застосовуються не лише для розміщення табличних даних. Їх також використовують для вставки зображень і посилань, для компонування Web-сторінки тощо.

@@ Рядок 1: / Рядок 1: @@
 <h1> Урок 5 </h1>
-== Таблиці ==
+== Складні таблиці у Web-документах ==
 Таблиці у Web-документах застосовуються не лише для розміщення табличних даних. Їх також використовують для вставки зображень і посилань, для компонування Web-сторінки тощо.
-== Теги ==
+== еги ==
 <b>&lt;table></b> обов'язковий парний йому <b>&lt;/table></b> - створення таблиці

Створення веб-сторінок Одеська школа 27 Урок 5 - Історія редагувань

Sergeychernega1970 в 11:17, 10 жовтня 2012

Sergeychernega1970 в 11:17, 10 жовтня 2012

Sergeychernega1970: Створена сторінка:

Урок 5