1. CSS
1.1. Значения
1.1.1. • Селекторы • По тегам, классам (.classname), идентификаторам (#idname), атрибутам.
1.1.1.1. CSS-селекторы — это шаблоны форматирования стилей для элементов веб-страниц. Они позволяют выбирать определённые HTML-элементы и применять к ним стили.
1.1.2. • Свойства • Цвета: color, background-color. • Шрифты: font-family, font-size. • Отступы и поля: margin, padding.
1.1.3. • Модель коробки • Понимание элементов как коробок с учетом ширины, высоты, отступов и границ.
2. Взаимодействие
2.1. Пример
2.1.1. 1. HTML создает структуру: • HTML формирует основу веб-страницы, определяя ее структуру и содержание. Например, кнопка создается с помощью тега <button>.
2.1.2. 2. CSS отвечает за стилизацию: • CSS применяется к HTML-элементам для оформления. Например, можно изменить цвет кнопки с помощью правила CSS:
2.1.3. 3. JavaScript добавляет интерактивность: • JavaScript позволяет динамически изменять HTML и CSS в ответ на действия пользователя. Например, при нажатии на кнопку можно показать уведомление:
3. HTML
3.1. Структура документа
3.1.1. Ключевое слово <DOCTYPE> в файле HTML — это декларация типа документа. Так браузер узнает, на каком языке и с какими технологиями он был создан. • <html>: корневой элемент HTML-документа. • <head>: метаданные о документе (например, заголовок, подключение стилей). • <body>: содержимое страницы, отображаемое пользователю.
3.1.1.1. Элемент DOCTYPE и шапка пишутся через восклицательный знак-"!"
3.2. Элементы
3.2.1. Теги • Заголовки: <h1>, <h2>, ... (структурирование контента). • Параграфы: <p> (текстовая информация). • Списки: <ul>, <ol> (упорядоченные и неупорядоченные списки). • Ссылки: <a> (гиперссылки). • Изображения: <img> (вставка изображений).
3.2.1.1. Теги HTML — это специальный код, который указывает браузеру, как интерпретировать документ для пользователя.
3.2.2. Формы • Элементы форм: <input>, <textarea>, <select>, <button> (ввод данных пользователем).
3.2.3. Семантические теги • <header>, <footer>, <article>, <section>, <nav> (улучшают доступность и SEO).
4. JavaScript
4.1. Как язык программирования
4.1.1. • Синтаксис • Переменные: let, const, var. • Типы данных: строки, числа, массивы, объекты.
4.1.2. • Управляющие структуры • Условия (if, switch), циклы (for, while).
4.1.3. • DOM (Document Object Model) • Работа с элементами HTML: выборка (document.getElementById, document.querySelector), изменение содержимого и стилей.