Front end (фронтенд), back end (бекенд), full stack (фулстак)

001 - HTML

Общие сведения о курсе.

front end (фронтенд), back end (бекенд), full stack (фулстак).

Общие сведенья о языке HTML:

HyperText Markup Language - язык гипертекстовой разметки.

Знакомство со структурой документа HTML:

DOCTYPE> - предназначен для указания типа текущего документа - DTD (document type definition, описание типа документа).
- является контейнером, который заключает в себе всё содержимое веб-страницы.
- предназначен для хранения других элементов, цель которых - помочь браузеру в работе с данными.
- определяет заголовок документа.
- предназначен для хранения содержимого веб-страницы отображаемого в окне браузера.

Знакомство с синтаксисам языка HTML:

<открывающий тег атрибут="значение атрибута">содержимое

Установка редактора кода.

Visual Studio Code - code.visualstudio.com

Создание документа HTML.

index.html

Работа с редактором кода.

Внедрение комментариев:

Ввод первых текстовых тегов:

подчёркивание
перечёркивание
жирное начертание
курсив

заголовок первого уровня

заголовок второго уровня

заголовок третьего уровня

заголовок четвёртого уровня

заголовок пятого уровня

заголовок шестого уровня

Тег разрыва строки:

Строчные и блочные элементы.

Работа с оформлением и форматированием текста.

color="#??????" - цвет шрифта.
size="?" - размер шрифта (от 1 до 7).
face="???" - имя шрифта который будет использоваться.

Цвет в HTML:

Именные цвета:
white - белый, ivory - слоновая кость, silver - серебряный, gray - серый, black - чёрный, maroon - тёмно-бордовый, red - красный, orange - оранжевый, gold - золотой, yellow - жёлтый, olive - оливковый, lime - лайм, green - зелёный, aqua - морская волна, blue - синий, navy - нави, teal - бирюзовый, fuchsia - фуксиновый, purple - пурпурный.

Шестнадцатеричная система счисления:

Образуется путём комбинирования из 10 чисел от 0 до 9 и 6 буквенным обозначениям A, B, C, D, E, F. И того 16 элементов.
#FF0000 - red.

Текстовый абзац (параграф):

align="???" - определяет выравнивание содержимого в окне браузера.
"left" - выравнивание по левому краю (значение по умолчанию).
"center" - выравнивание по центру.
"right" - выравнивание по правому краю.
"justify" - выравнивание по ширине.

Текст - рыба:

lorem
- генерирует текст - рыбу (бессмысленный текст для заполнения текстового блока)
lorem200
- генерирует текст - рыбу на 200 слов.
loremru
- генерирует текст - рыбу на русском языке.
loremru200
- генерирует текст - рыбу на русском языке состоящий из 200 слов.

Горизонтальная линия:

---

noshade - рисует линию без трёхмерных эффектов.
size="???" - толщина линии.
width="???" - ширина линии.
color="???" - цвет линии.
align="???" - определяет выравнивание линии.
"left" - выравнивание по левому краю.
"center" - выравнивание по центру (по умолчанию).
"right" - выравнивание по правому краю.

Фон страницы.

bgcolor="???"