Отримання знань
дистанційна підтримка освіти школярів
Створення таблиць (пояснення)
Створити html-сторінку із таблицею за вказаними зразком.
1. Запустити програму Блокнот або Noteped++.
2. Набрати шаблон HTML-сторінки.
3. Зберегти файл у папку “HTML” (D:\ tutorial\8-X\прізвище) під назвою “table.html”.
4. Задати фонову картинку та колір тексту на власний смак.
5. Зберегти файл. Обновити Web-сторінку.
6. Ознайомитися з теорією створення таблиць.
<Table Border="товщина рамки" Width="ширина таблиці" Bordercolor="колір рамки" Bgcolor="внутрішній колір">
<Caption> Заголовок таблиці </Caption>
<TR>
<TH> Заголовок 1-ого стовпця </TH>
<TH> Заголовок 2-ого стовпця </TH>
</TR>
<TR>
<TD> Текст 1-ої клітинки 2-ого рядка </TD>
<TD> Текст 2-ої клітинки 2-ого рядка </TD>
</TR>
…
</Table>
7. Додати таблицю шириною 500 пікселів, товщиною рамки 1 піксель, вирівнювання – по центру, заголовок – “Планети Сонячної системи”.
8. Фразу “Планети Сонячної системи” зробити заголовком 3 рівня та встановити жовтий колір тексту.
9. Створити перший рядок таблиці, що містить 4 комірки для заголовків стовпців.
10. Ввести назви заголовків стовпців (“№”, “Назва”, “Маса (земних мас)”, “Кількість супутників”).
11. Зберегти файл. Обновити Web-сторінку.
12. Створити 2-ий рядок із 4 комірками. Встановити вирівнювання по центру для всіх даних рядка.
13. Скопіювати блок тегів 2-ого рядка:
<tr align="center">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
14. Ввести дані 2-ого рядка таблиці про планету Меркурій (“1”, “Меркурій”,“0,06”, “0”).
15. Зберегти файл. Обновити Web-сторінку.
16. Вставити 6 разів скопійований блок рядка з 4 клітинками.
17. Заповнити комірки даними про планети, починаючи з Венери та завершуючи Нептуном.
18. Зберегти файл. Обновити Web-сторінку.