Інструктаж з БЖД. Поняття про мову розмічання гіпертекстового документа.

Тема: Інструктаж з БЖД. Поняття про мову розмічання гіпертекстового документа. Створення простої HTML-сторінки в текстовому редакторі (Блокноті)

Мета: Навчитись створювати просту веб-сторінку з використанням основних тегів мови HTML, зберігати її у форматі .html, переглядати в браузері.

Обладнання:

Комп’ютер із доступом до Блокноту та веб-браузера (Chrome, Microsoft Edge тощо).

Хід роботи

1. Запустіть програму Блокнот.
2. Введіть наступний HTML-код:
3. Збережіть файл з назвою index.html, тип файлу: Усі файли (*.*), кодування: UTF-8
4. Відкрийте збережений файл подвійним клацанням — він відкриється у браузері.

Завдання для самостійної роботи:

1. Змініть колір фону сторінки на жовтий.
2. Додайте ще один заголовок <h2> з власним текстом.
3. Додайте посилання на будь-який сайт (наприклад, Google).
4. Додайте зображення (з інтернету або локальне).

Приклад тегу для посилання:    

Приклад тегу для зображення:

Контрольні запитання:

1. Що таке HTML і для чого він використовується?
2. Яка структура стандартної HTML-сторінки?
3.  Які є типи тегів?
4. Як вставити посилання чи зображення на HTML-сторінку?

Домашнє завдання:

1. Створити власну HTML-сторінку з інформацією про себе.
2. Використати не менше 5 різних тегів.
3. Зберегти файл як about_me.html. навчальним проєктом.