Практична робота №1

8
МОВА HTML Практична робота №1

Transcript of Практична робота №1

МОВА HTML

Практична робота №1

Крок_1. Розробка першої сторінки

1

1

при першому збережерні зберігаємо в папку з картинками з назвою index(без розширення), якщо ми зберігаємо в notepad+++, а в звичайному блокноті з розширенням

Вигляд в блокноті

це тіло документа(таблиці,

зображення і т.д)

2

2 встановлює фон всього документа

Овен Тельць Риби

<Table> - формує таблицю

</Table>

<tr>

</tr><tr>

</tr>

<td>

</td> </td>

<td> <td>

</td>

Вигляд в блокноті сформованим

1 - ствопцем і 3 - рядками

Приклад формування

таблиці

Вигляд в блокноті сформованим

2 - ствопцями і 3 - рядками

Формує стовпець

Формує рядок

Вигляд в Браузері сформованими 2 -

ствопцями і 3 - рядками

Крок_2. Формування грань в таблиціВигляд в блокноті

Вигляд в браузері

Крок_3. Формування таблиці

Задає значення таблиці по центру і

ширини в загальному від екрана 70%

Вигляд в браузері

Вигляд в блокноті

Вигляд в браузері

Крок_4. Формування таблиці розміщення значень

в комірках по центру

Задає значення в рядках таблиці по

центру Вигляд в блокноті

Вигляд в браузері

Вигляд в блокноті

1

2

3

4

1 задає фон сторінки

2 задає шрифт тексту

4 задає розмір і колір тексту

3 задає колір всієї таблиці

Вигляд в блокноті

Вигляд в браузері

Крок_5. Додавання зображення

1 2

1

Дозволяє вставляти картинку (звертайте увагу на розширення картинки)

2 задає ширину картинки