Посмотреть все уроки курса
Выбрать другой урок из курса
Поиск по сайту
Теория урока

0.1. Вводный урок по курсу HTML и CSS

Сложно представить себе жизнь без интернета, не правда ли? Благодаря ему люди получили свободный и, главное, бесплатный способ обретения информации. А где её можно найти? Где она удобно и структурировано представлена? Верно: на различных сайтах находящихся в сети Интернет.

В чем же актуальность этих курсов? Прежде чем ответить на этот вопрос, немного статистики: на момент написания этой статьи, сетью Интернет пользуются 4,1 миллиарда человек. Во-первых, актуальность курсов по HTML и CSS в следующем: Вы сами можете написать свой сайт, а имея его, Вы потенциально выходите на аудиторию, равную больше, чем половина населения Земли. Во-вторых, несмотря на простоту создания сайтов, многие владельцы не разрабатывают их сами, а поручают это дело фрилансерам за достаточно большие деньги. К слову сказать, сейчас в сети Интернет официально зарегистрировано 2 миллиарда сайтов и эта цифра растет экспоненциально, поэтому работы хватает всем. В случае если Вы уже имеете или планируете заказать сайт, то зная основы верстки, можете проверить, насколько качественно выполнен Ваш заказ. В-третьих, Вы можете развить творческие навыки, так как Вам придется много фантазировать, придумывать нестандартные решения, в каком-то смысле, верстка сайта - это рисование по холсту, только вместо красок используется код.

Курс, который Вы читаете, научит Вас создавать "лицо" сайта, то есть самостоятельно верстать страницы на HTML и CSS. После полного его завершения, Вы с уверенностью можете назвать себя веб-дизайнером или фронтенд-разработчиком. К сожалению, не каждый способен его пройти, так как здесь необходимо терпение и, главное, желание. А у кого-то появляется вопрос: "Зачем учить HTML и CSS, если есть WordPress и конструкторы сайтов?" и бросают начатое обучение. Правда потом понимают: без знания HTML и CSS писать сайты самостоятельно невозможно и возвращаются к обучению на codebra.

Оглавление курса
Оглавление курса

Вначале курса изучим язык разметки HTML, задающий структуру сайта и далее плавно перейдем к языку CSS, при помощи которого создаётся красочный и неповторимый стиль сайта.

Далее представлен список разделов по HTML и CSS, имеющихся на codebra. Каждый раздел состоит из уроков с практикой, которую можно выполнить и проверить прямо в Вашем браузере. Помимо теоретических, имеются дополнительные практические уроки для повышения полученных навыков в вёрстке на HTML и CSS.

Сейчас нажмите кнопку "Проверить задание" и начните проходить курс по HTML и CSS. Помните, терпение и настойчивость: эти добродетели приведут Вас к поставленной цели стать компетентным веб-разработчиком, веб-дизайнером или верстальщиком.

<
×
>
Раздел «Знакомство с HTML»
Урок 0.1. Вводный урок по курсу HTML и CSS
Вы здесь
Тест 0.2. Вводный тест по курсу HTML и CSS
Урок 1.1. Что такое HTML?
Урок 1.2. Первое знакомство с HTML
Урок 2.1. Теги в HTML. Одинарные и парные теги
Урок 2.2. Что такое теги и для чего они нужны?
Урок 2.3. Одинарные теги
Урок 2.4. Парные теги
Тест 2.5. Тест: теги
Урок 3.1. Структура HTML документа
Урок 3.2. Что означают теги HTML, HEAD, BODY?
Урок 3.3. Первая строка всех сайтов - DOCTYPE
Урок 3.4. Исходный код веб-страницы
Урок 3.5. Заголовок в HTML - тег TITLE
Урок 3.6. Кодировка HTML страницы и атрибуты
Урок 3.7. Описание стилей в HTML документе
Урок 3.8. Подключение внешних файлов в HTML - стили CSS
Урок 3.9. Что не хватает в структуре?
Урок 3.10. Опять чего-то не хватает в структуре
Тест 3.11. Тест по структуре HTML документа
Тест 3.12. Тест по подключению файлов к веб-странице и кодировке
Урок 4.1. Использование HTML метатегов (Мета теги)
Урок 4.2. Повторим метатеги
Урок 4.3. Метатеги Facebook
Другие разделы
Раздел 2. Разметка текста
Раздел 3. Ссылки
Раздел 4. Изображения
Раздел 5. Таблицы
Раздел 6. Формы
Раздел 7. HTML5
Раздел 8. Остальное
Раздел 9. Знакомство с CSS
Раздел 10. Селекторы в CSS
Раздел 11. Структура и каскад
Раздел 12. Единицы измерения
Раздел 13. Шрифт
Раздел 14. Свойства текста
Раздел 15. Форматирование
Раздел 16. Отступы, рамки, поля
Раздел 17. Цвета и фон
Раздел 18. Позиционирование
Раздел 19. Верстка таблиц
Раздел 20. Списки
Раздел 21. Анимация
Раздел 22. Практика с htmlbook.ru
Раздел 23. Элементы сайта
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно