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="???"
Do'stlaringiz bilan baham: |