Нотатки з лекції
Вступ
- Програма базується на використанні Google Meet.
- Між учасниками ведеться обговорення технічних проблем.
Зручність використання програм
- Використання Google Meet зручно, адже не потрібно відкривати додаткову програму.
- Відзначено, що програмне забезпечення на слабких комп'ютерах використовує багато пам'яті.
Організаційні моменти
- Учасники, присутні на занятті: Влад, Вероніка, Артем та Марина.
- Додаткові правила: обов'язкова включена камера та мікрофон.
- Запізнення на заняття потрібно повідомляти ментора.
- Завдання: виконання домашніх завдань є обов'язковим.
- Записи занять доступні для перегляду.
Правила поведінки на занятті
- Все повинні бути активними під час уроку.
- У разіми, якщо виникають запитання, їх слід задавати ментору.
Основи HTML
- HTML — це мова розмітки, не повноцінна мова програмування.
- Структура HTML-тегів:
- Теги мають свій початок і кінець, закінчуються символом
/
.
- Теги складаються з назви та атрибутів.
- Основні теги HTML:
<html>
- кореневий тег.
<head>
- інформація про документ.
<title>
- заголовок документа, що відображається у вкладці.
<body>
- основний вміст документу.
- Теги
<p>
(параграф) та <h1>
(заголовок) відносяться до блокових тегів, які займають всю ширину екрану.
Атрибути у тегах
- Атрибути задають додаткову інформацію про тег.
- Ключі та значення атрибутів записуються у форматі
ключ="значення"
.
Списки в HTML
- Невпорядкований список (
<ul>
) - створює пункти з маркерами.
- Упорядкований список (
<ol>
) - створює нумеровані пункти.
- Елементи списку позначаються тегом
<li>
.
Семантичні елементи, що мають значення
- Напр.
<header>
, <nav>
, <footer>
, <section>
, <article>
.
- Важливо використовувати семантичні теги для зрозумілого структурування документа.
Питання та обговорення
- В учасників виникають запитання щодо вивченого матеріалу.
Перерва
- Пропонується невелика перерва для відпочинку.
Завершення заняття
- Наголошено на важливості задавати питання та активного навчання.
- Учні отримають домашнє завдання для закріплення матеріалу.
Поради: Обов'язкове запам'ятовування основних тегів HTML та їх застосування.