Iteach WIKI - Внесок користувача [uk]

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

2013-10-18T20:01:55Z

Sergeychernega1970: /* Завдання */

<h1> Урок 4 </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]]

2. Створіть HTML-сторінку, що містить таблицю з розкладом уроків вашого класу за зразком поданим на Рис. 2

[[Файл:Таблица_28.png]]

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

2013-10-18T20:00:30Z

Sergeychernega1970: /* Завдання */

<h1> Урок 4 </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]]

2. Створіть HTML-сторінку за зразком поданим на Рис. 2

[[Файл:Таблица_28.png]]

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

2013-10-18T19:56:04Z

Sergeychernega1970: /* Завдання */

<h1> Урок 4 </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]]

2. Створіть HTML-сторінку за зразком поданим на Рис. 2

[[Файл:Таблиця_28.png]]

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

2013-10-18T19:55:17Z

Sergeychernega1970: /* Завдання */

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

2013-10-18T19:53:58Z

Sergeychernega1970: /* Завдання */

Файл:Таблица 28.png

2013-10-18T19:53:02Z

Sergeychernega1970:

Користувач:Sergeychernega1970

2012-10-17T08:41:28Z

Sergeychernega1970:

[[Файл:Serg-ch1020.jpg‎|thumb|200 px|left|Сергій М. Чернега]]

== Про мене ==
''Прізвище та ім`я''
==Сергій М. Чернега ==

''Місце роботи''
==Одеська загальноосвітня школа № 27 ==

''Посада''
==вчитель інформатики та математики==

== Мій внесок ==

''Мої проекти''

[http://wiki.iteach.com.ua/%D0%9F%D0%BE%D1%80%D1%82%D1%84%D0%BE%D0%BB%D1%96%D0%BE_%D0%A7%D0%B5%D1%80%D0%BD%D0%B5%D0%B3%D0%B0_%D0%A1.%D0%9D._%D0%9A%D0%BE%D0%BB%D0%BE_%D1%82%D0%B0_%D0%BA%D1%80%D1%83%D0%B3#.D0.A4.D0.B0.D1.85_.D0.BD.D0.B0.D0.B2.D1.87.D0.B0.D0.BB.D1.8C.D0.BD.D0.B8.D0.B9_.D0.BF.D1.80.D0.B5.D0.B4.D0.BC.D0.B5.D1.82 Портфоліо проекту '''Коло та круг''']

''Мої файли''

[https://skydrive.live.com/redir?resid=28289C748378CE5A!106&authkey=!ABsja7NWwv7HcgM SkyDrive]

''Мої закладки''

'' Мої статті''

[http://wiki.iteach.com.ua/%D0%9A%D0%BE%D0%BB%D0%BE Коло та круг]

== Корисні посилання ==
[https://docs.google.com/spreadsheet/viewform?formkey=dG5mUDlnalRBXzFZN01zaTRYT0FPZlE6MQ#gid=0 fgdfgdfgdf]

== Мій опитувальник==

[https://docs.google.com/spreadsheet/viewform?formkey=dFZ1YkxZdXVXV2N2ZkJWZ2NDSlRHSFE6MQ Опитувальник]

Користувач:Sergeychernega1970

2012-10-17T08:33:29Z

Sergeychernega1970:

[[Файл:Serg-ch1020.jpg‎|thumb|200 px|left|Сергій М. Чернега]]

== Про мене ==
''Прізвище та ім`я''
==Сергій М. Чернега ==

''Місце роботи''
==Одеська загальноосвітня школа № 27 ==

''Посада''
==вчитель інформатики та математики==

== Мій внесок ==

''Мої проекти''

[http://wiki.iteach.com.ua/%D0%9F%D0%BE%D1%80%D1%82%D1%84%D0%BE%D0%BB%D1%96%D0%BE_%D0%A7%D0%B5%D1%80%D0%BD%D0%B5%D0%B3%D0%B0_%D0%A1.%D0%9D._%D0%9A%D0%BE%D0%BB%D0%BE_%D1%82%D0%B0_%D0%BA%D1%80%D1%83%D0%B3#.D0.A4.D0.B0.D1.85_.D0.BD.D0.B0.D0.B2.D1.87.D0.B0.D0.BB.D1.8C.D0.BD.D0.B8.D0.B9_.D0.BF.D1.80.D0.B5.D0.B4.D0.BC.D0.B5.D1.82 Портфоліо проекту '''Коло та круг''']

''Мої файли''

[https://skydrive.live.com/redir?resid=28289C748378CE5A!116 SkyDrive]

''Мої закладки''

'' Мої статті''

[http://wiki.iteach.com.ua/%D0%9A%D0%BE%D0%BB%D0%BE Коло та круг]

== Корисні посилання ==
[https://docs.google.com/spreadsheet/viewform?formkey=dG5mUDlnalRBXzFZN01zaTRYT0FPZlE6MQ#gid=0 fgdfgdfgdf]

== Мій опитувальник==

[https://docs.google.com/spreadsheet/viewform?formkey=dFZ1YkxZdXVXV2N2ZkJWZ2NDSlRHSFE6MQ Опитувальник]

Користувач:Sergeychernega1970

2012-10-17T08:31:53Z

Sergeychernega1970:

[[Файл:Serg-ch1020.jpg‎|thumb|200 px|left|Сергій М. Чернега]]

== Про мене ==
''Прізвище та ім`я''
==Сергій М. Чернега ==

''Місце роботи''
==Одеська загальноосвітня школа № 27 ==

''Посада''
==вчитель інформатики та математики==

== Мій внесок ==

''Мої проекти''

[http://wiki.iteach.com.ua/%D0%9F%D0%BE%D1%80%D1%82%D1%84%D0%BE%D0%BB%D1%96%D0%BE_%D0%A7%D0%B5%D1%80%D0%BD%D0%B5%D0%B3%D0%B0_%D0%A1.%D0%9D._%D0%9A%D0%BE%D0%BB%D0%BE_%D1%82%D0%B0_%D0%BA%D1%80%D1%83%D0%B3#.D0.A4.D0.B0.D1.85_.D0.BD.D0.B0.D0.B2.D1.87.D0.B0.D0.BB.D1.8C.D0.BD.D0.B8.D0.B9_.D0.BF.D1.80.D0.B5.D0.B4.D0.BC.D0.B5.D1.82 Портфоліо проекту '''Коло та круг''']

''Мої файли''

[http://sdrv.ms/S2SG31 SkyDrive]

''Мої закладки''

'' Мої статті''

[http://wiki.iteach.com.ua/%D0%9A%D0%BE%D0%BB%D0%BE Коло та круг]

== Корисні посилання ==
[https://docs.google.com/spreadsheet/viewform?formkey=dG5mUDlnalRBXzFZN01zaTRYT0FPZlE6MQ#gid=0 fgdfgdfgdf]

== Мій опитувальник==

[https://docs.google.com/spreadsheet/viewform?formkey=dFZ1YkxZdXVXV2N2ZkJWZ2NDSlRHSFE6MQ Опитувальник]

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

2012-10-10T11:17:59Z

Sergeychernega1970:

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

== Складні таблиці у Web-документах ==
<font color=white>

Таблиці у 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]]

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

2012-10-10T11:17:11Z

Sergeychernega1970:

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

== Складні таблиці у Web-документах ==
Таблиці у 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]]

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

2012-10-10T10:13:58Z

Sergeychernega1970:

[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_1 Урок 1] Мова HTML. Web-сторінки та Web-сайти. Теги мови HTML.

[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_2 Урок 2] Розбиття тексту на логічні частини. Теги форматування тексту

[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_3 Урок 3] Списки в Web-документах

[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_4 Урок 4] Таблиці в Web-документах

[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_5 Урок 5] Таблиці в Web-документах (продовження)

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

2012-10-10T10:13:26Z

Sergeychernega1970: Створена сторінка: <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]]

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

2012-10-10T10:11:37Z

Sergeychernega1970:

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

2012-10-10T10:10:27Z

Sergeychernega1970:

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

2012-10-10T10:08:44Z

Sergeychernega1970:

[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_1 Урок 1] Мова HTML. Web-сторінки та Web-сайти. Теги мови HTML.

[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_2 Урок 2] Розбиття тексту на логічні частини. Теги форматування тексту

[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_3 Урок 3]

[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_4 Урок 4]

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

2012-10-10T10:07:23Z

Sergeychernega1970:

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

2012-10-10T10:02:56Z

Sergeychernega1970: /* Атрибути тега <td> */

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

2012-10-10T10:01:36Z

Sergeychernega1970: /* Завдання */

<h1> Урок 4 </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>
Вирівнювання таблиці відносно документа. Можливі значення: 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>

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

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

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

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

Файл:Таблиця 27.png

2012-10-10T10:01:02Z

Sergeychernega1970:

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

2012-10-10T09:49:38Z

Sergeychernega1970:

<h1> Урок 4 </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>
Вирівнювання таблиці відносно документа. Можливі значення: 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>

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

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

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

== Завдання ==
1. Створіть HTML-сторінку за зразком поданим на Рис. 1

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

2012-10-10T09:41:32Z

Sergeychernega1970: /* Атрибути тега <td> */

<h1> Урок 4 </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>
Вирівнювання таблиці відносно документа. Можливі значення: 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>

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

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

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

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

2012-10-10T09:27:32Z

Sergeychernega1970:

<h1> Урок 4 </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>
Вирівнювання таблиці відносно документа. Можливі значення: 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>

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

2012-10-10T09:26:54Z

Sergeychernega1970:

<h1> Урок 4 </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>

<h2> Атрибути тега <tr> </h2>
<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>

<h2> Атрибути тега <td> </h2>
<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>

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

2012-10-10T09:21:30Z

Sergeychernega1970:

<h1> Урок 4 </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>

<h2> Атрибути тега <tr> </h2>
<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>

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

2012-10-10T09:18:35Z

Sergeychernega1970:

<h1> Урок 4 </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>

<h2> Атрибути тега <tr> </h2>
<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>

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

2012-10-10T09:14:52Z

Sergeychernega1970:

<h1> Урок 4 </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>

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

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

2012-10-10T09:12:30Z

Sergeychernega1970:

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

2012-10-10T09:10:10Z

Sergeychernega1970:

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

2012-10-10T09:04:59Z

Sergeychernega1970:

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

2012-10-10T09:04:15Z

Sergeychernega1970:

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

2012-10-10T09:03:17Z

Sergeychernega1970:

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

2012-10-10T09:01:41Z

Sergeychernega1970:

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

2012-10-10T08:59:59Z

Sergeychernega1970:

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

2012-10-10T08:56:25Z

Sergeychernega1970:

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

2012-10-10T08:53:14Z

Sergeychernega1970:

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

2012-10-10T08:52:25Z

Sergeychernega1970:

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

2012-10-10T08:50:09Z

Sergeychernega1970:

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

2012-10-10T07:16:58Z

Sergeychernega1970:

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

2012-10-10T07:16:21Z

Sergeychernega1970:

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

2012-10-10T07:15:59Z

Sergeychernega1970:

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

2012-10-10T07:14:44Z

Sergeychernega1970:

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

2012-10-10T07:13:16Z

Sergeychernega1970:

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

2012-10-10T07:11:21Z

Sergeychernega1970:

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

2012-10-10T07:09:38Z

Sergeychernega1970:

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

2012-10-10T07:08:24Z

Sergeychernega1970:

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

2012-10-10T07:05:02Z

Sergeychernega1970:

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

2012-10-10T07:02:51Z

Sergeychernega1970:

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

2012-10-10T07:00:12Z

Sergeychernega1970:

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

2012-10-10T06:58:06Z

Sergeychernega1970: