Презентація "Мова розмітки гіпертексту (HTML)"

Про матеріал
Мета уроку: навчити учнів створювати за допомогою текстового редактора HTML-файл; виконувати форматування символів і тексту; використовувати браузер для перегляду створеного HTML-документа; виконувати редагування та створення нескладної веб-сторінки.
Зміст слайдів
Номер слайду 1

Мова розмітки гіпертексту (HTML) 10 клас

Номер слайду 2

Основи HTMLHTML - це мова розмітки, яка використовується для розміщення елементів (тексту, картинок, кнопок, таблиць тощо) на сторінці. HTML складається з ряду елементів, які використовують для того, щоб різні частини сторінки мали певний вид. Цю мову створено у 1990 році Тімом Бернесом-Лі, з осені 2014 року діє стандарт цієї мови HTML5.

Номер слайду 3

Основи HTMLКоманди мови HTML називаються тегами, котрі бувають відкриваючими та закриваючими. Вони записуються у кутових дужках. Теги є скороченою назвою або абревіатурою того завдання, що має виконати браузер. Тег у перекладі з англійської означає етикетка, ярлик, бірка.

Номер слайду 4

Основи HTMLВ мові HTML застосовують теги: одинарні, парні та коментарі. Одинарні:
- перенесення на новий рядок


- розділова лінія - уставляння зображення. Парні:

- тег, що позначає абзац (paragraph). … - тег, що позначає рядок таблиці (table row).

- тег, що позначає заголовок 1 рівня (header 1 level)

Цей фрагмент є окремим рядком тексту

Коментарі:

Номер слайду 5

Основи HTMLСтруктура простої веб-сторінки

Номер слайду 6

Основи HTML Тестова сторінка

Моя перша сторінка

посилання на набір правил doctypes, яким має слідувати HTML-сторінка, також вказівка на автоматичну перевірку помилок і інші корисні речі. є кореневим елементом документа. Всі інші елементи містяться всередині тегів ... . містить службову, довідкову та додаткову інформацію, яка призначена для браузера, пошукових системмістить весь контент, який бачать відвідувачі - текст, зображення, відео, анімація тощо.

Номер слайду 7

Основи HTMLОб'єктна модель документа. DOM (document object model) кореневий елемент, і – структурний елемент

Номер слайду 8

Основи HTMLУ взаємодії елементів веб-сторінки задіяні "родинні стосунки" між елементами. Відносини між множинними вкладеними елементами підрозділяються на батьківські, дочірні та сестринські.

Номер слайду 9

Основи HTMLБатьківський елемент - елемент, що пов'язаний з іншими елементами нижчого рівня, і що знаходиться на дереві вище за них. є батьківським тільки для і . є батьківським для всіх елементів, що містяться в ньому:

,

, ,

Номер слайду 10

Основи HTMLДочірній елемент - елемент, що розташований всередині іншого елементу. Елементи

,

,

і

Номер слайду 11

Основи HTMLСестринський елемент - елемент, що має загальний батьківський елемент з даним, так звані елементи одного рівня. і - елементи одного рівня, так само як і елементи

,

і

є між собою сестринськими.

Номер слайду 12

Основи HTML Тестова сторінка

Моя перша сторінка

Код HTML Сторінка в браузеріЗа допомогою текстового редактора створи свою першу веб-сторінку

Середня оцінка розробки
Структурованість
5.0
Оригінальність викладу
5.0
Відповідність темі
5.0
Загальна:
5.0
Всього відгуків: 2
Оцінки та відгуки
  1. Коробчук Юлія Валеріївна
    Загальна:
    5.0
    Структурованість
    5.0
    Оригінальність викладу
    5.0
    Відповідність темі
    5.0
  2. Бодрик Оксана Олександрівна
    Загальна:
    5.0
    Структурованість
    5.0
    Оригінальність викладу
    5.0
    Відповідність темі
    5.0
pptx
Додано
9 вересня 2021
Переглядів
2230
Оцінка розробки
5.0 (2 відгука)
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку