Основы языка HTML

HTML
Hyper Text Markup Language – язык гипертекстовой разметки.
Описательный язык разметки HTML имеет свои команды, которые называются тегами.
!Теги не чувствительны к регистру!

ТЕГ
Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки <>. Тег является активным элементом, изменяющим представление следующей за ним информации.
Обычно используются два тега - открывающий и закрывающий.
Тег может иметь некоторое количество атрибутов.

АТРИБУТ
Атрибут – это компонент тега, содержащий указания о том, как браузер должен воспринять и обработать тег.
Синтаксис тега с атрибутом:
<тег атрибут="значение">

ГИПЕРТЕКСТ
Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы или ресурсы с возможностями выполнения переходов

УЧЕБНАЯ ПРАКТИКА

УЧЕБНАЯ ПРАКТИКА

УЧЕБНАЯ ПРАКТИКА

УЧЕБНАЯ ПРАКТИКА

УЧЕБНАЯ ПРАКТИКА

УЧЕБНАЯ ПРАКТИКА

УЧЕБНАЯ ПРАКТИКА

УЧЕБНАЯ ПРАКТИКА

УЧЕБНАЯ ПРАКТИКА

HTML
(HYPERTEXT MANIPULATION LANGUAGE)
язык, предназначенный для создания форматированного текста, который насыщен изображениями, звуком, анимацией и ссылками на другие объекты, например, гипертекстовые документы, графические файлы и т.д.,
УЧЕБНАЯ ПРАКТИКА

ТЕГ (TAG)
команда HTML
УЧЕБНАЯ ПРАКТИКА

ТЕГ СОСТОИТ ИЗ СЛЕДУЮЩИХ ЭЛЕМЕНТОВ:
левой угловой скобки <
необязательного слэша /, который означает, что тег является конечным тегом, закрывающим некоторую структуру
имени тега
необязательных атрибутов
правой угловой скобки >
УЧЕБНАЯ ПРАКТИКА

ПАРНЫЙ ТЕГ
имеет открывающий тег
закрывающий тег с тем же именем
В таких случаях два тега и часть документа, отделенная ими, образуют блок, называемый HTML элементом
УЧЕБНАЯ ПРАКТИКА

АТРИБУТ ТЕГА
относящиеся к тегу уточнения
УЧЕБНАЯ ПРАКТИКА

СПЕЦИФИКАЦИЯ АТРИБУТА
имя атрибута, например WIDTH;
знак равенства =;
значение атрибута, которое задается строкой символов, например, "80".
УЧЕБНАЯ ПРАКТИКА

ОБЩИЙ ВИД ДОКУМЕНТА HTML
УЧЕБНАЯ ПРАКТИКА

Это заглавие
Здесь титул
Это тело страницы
УЧЕБНАЯ ПРАКТИКА

РАЗБИЕНИЕ ТЕКСТА НА СТРОКИ И АБЗАЦЫ
УЧЕБНАЯ ПРАКТИКА

Это заглавие
Здесь титул
Это тело страницы
Предварительно
отформатированный
текст
УЧЕБНАЯ ПРАКТИКА

ЗАГОЛОВКИ
УЧЕБНАЯ ПРАКТИКА

Заголовок
Это тело страницы
Предварительно
отформатированный
текст
УЧЕБНАЯ ПРАКТИКА

ВЫРАВНИВАНИЕ ТЕКСТА
УЧЕБНАЯ ПРАКТИКА

Влево
По центру
УЧЕБНАЯ ПРАКТИКА

ФОРМАТИРОВАНИЕ ШРИФТОВ
УЧЕБНАЯ ПРАКТИКА

Пример
работы
с
текстом
Пишущая машинка
Что-то
Верхний индекс
Что-то
Нижний индекс
УЧЕБНАЯ ПРАКТИКА

РАЗМЕР ШРИФТА
УЧЕБНАЯ ПРАКТИКА

ГАРНИТУРА И ЦВЕТ ШРИФТА
УЧЕБНАЯ ПРАКТИКА

Жёлтый текст на синем фоне
УЧЕБНАЯ ПРАКТИКА

Синиий Arial
УЧЕБНАЯ ПРАКТИКА

РАБОТА С ЦВЕТОМ
“#RRGGBB”, где RR, GG, BB соответственно интенсивность красного, зеленого или синего цветов. Интенсивность задается в виде двузначного шестнадцатеричного числа (от 00 до FF).
атрибут COLOR=”НАЗВАНИЕ ЦВЕТА”
УЧЕБНАЯ ПРАКТИКА

СТАНДАРТНЫЕ ЦВЕТА
УЧЕБНАЯ ПРАКТИКА

СТАНДАРТНЫЕ ЦВЕТА
УЧЕБНАЯ ПРАКТИКА

СОЗДАНИЕ СПИСКОВ
УЧЕБНАЯ ПРАКТИКА

Нумерованный список
Первый
Второй
...
Маркированный список
Первый
Второй
...
УЧЕБНАЯ ПРАКТИКА

Список определений
Первый термин
Первое определение
Второй термин
Второе определение
УЧЕБНАЯ ПРАКТИКА

РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ
УЧЕБНАЯ ПРАКТИКА

РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (ПОЯСНЕНИЕ)
УЧЕБНАЯ ПРАКТИКА

РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (ПРОДОЛЖЕНИЕ)
УЧЕБНАЯ ПРАКТИКА

РАБОТА С ТАБЛИЦАМИ
УЧЕБНАЯ ПРАКТИКА

СОЗДАНИЕ ССЫЛОК
УЧЕБНАЯ ПРАКТИКА

Гроднеский государственный университет
УЧЕБНАЯ ПРАКТИКА

СОЗДАНИЕ ССЫЛОК (ПРОДОЛЖЕНИЕ)
УЧЕБНАЯ ПРАКТИКА

УЧЕБНАЯ ПРАКТИКА

БЕГУЩАЯ СТРОКА
УЧЕБНАЯ ПРАКТИКА

БЕГУЩАЯ СТРОКА (ПРОДОЛЖЕНИЕ)
УЧЕБНАЯ ПРАКТИКА

БЕГУЩАЯ СТРОКА (ОКОНЧАНИЕ)
УЧЕБНАЯ ПРАКТИКА

СОЗДАНИЕ ФРЕЙМОВ
УЧЕБНАЯ ПРАКТИКА

АТРИБУТЫ ФРЕЙМА
УЧЕБНАЯ ПРАКТИКА

АТРИБУТЫ ФРЕЙМА (ОКОНЧАНИЕ)
УЧЕБНАЯ ПРАКТИКА