Нотатки з лекції про HTML

Jul 27, 2024

Нотатки з лекції

Вступ

  • Програма базується на використанні Google Meet.
  • Між учасниками ведеться обговорення технічних проблем.

Зручність використання програм

  • Використання Google Meet зручно, адже не потрібно відкривати додаткову програму.
  • Відзначено, що програмне забезпечення на слабких комп'ютерах використовує багато пам'яті.

Організаційні моменти

  • Учасники, присутні на занятті: Влад, Вероніка, Артем та Марина.
  • Додаткові правила: обов'язкова включена камера та мікрофон.
  • Запізнення на заняття потрібно повідомляти ментора.
  • Завдання: виконання домашніх завдань є обов'язковим.
  • Записи занять доступні для перегляду.

Правила поведінки на занятті

  • Все повинні бути активними під час уроку.
  • У разіми, якщо виникають запитання, їх слід задавати ментору.

Основи HTML

  • HTML — це мова розмітки, не повноцінна мова програмування.
  • Структура HTML-тегів:
    • Теги мають свій початок і кінець, закінчуються символом /.
    • Теги складаються з назви та атрибутів.
  • Основні теги HTML:
    • <html> - кореневий тег.
    • <head> - інформація про документ.
    • <title> - заголовок документа, що відображається у вкладці.
    • <body> - основний вміст документу.
    • Теги <p> (параграф) та <h1> (заголовок) відносяться до блокових тегів, які займають всю ширину екрану.

Атрибути у тегах

  • Атрибути задають додаткову інформацію про тег.
  • Ключі та значення атрибутів записуються у форматі ключ="значення".

Списки в HTML

  • Невпорядкований список (<ul>) - створює пункти з маркерами.
  • Упорядкований список (<ol>) - створює нумеровані пункти.
  • Елементи списку позначаються тегом <li>.

Семантичні елементи, що мають значення

  • Напр. <header>, <nav>, <footer>, <section>, <article>.
  • Важливо використовувати семантичні теги для зрозумілого структурування документа.

Питання та обговорення

  • В учасників виникають запитання щодо вивченого матеріалу.

Перерва

  • Пропонується невелика перерва для відпочинку.

Завершення заняття

  • Наголошено на важливості задавати питання та активного навчання.
  • Учні отримають домашнє завдання для закріплення матеріалу.

Поради: Обов'язкове запам'ятовування основних тегів HTML та їх застосування.