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

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

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

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

---

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

…

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

…

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

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

Коментарі:

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

Основи HTML

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

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

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

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

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

,

, ,

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

,

,

і

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

,

і

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

Основи HTML

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

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