HTML – это язык гипертекстовой разметки, а не язык программирования. Он служит для описания структуры веб-страниц, определяя, какие элементы и в каком порядке должны на ней отображаться (текст, поля ввода, кнопки и т.д.). Изучение HTML – первый шаг на пути к разработке веб-сайтов.
Что такое HTML и зачем он нужен?
HTML позволяет описывать объекты на странице: текст, поля для ввода, кнопки, блоки с информацией и многое другое. Он определяет расположение элементов, но не их внешний вид. Для этого нужен CSS (каскадные таблицы стилей), о котором будет рассказано позже. Без CSS HTML-страницы выглядят очень просто.
Начало работы: установка текстового редактора
Для написания HTML подойдёт любой текстовый редактор, даже обычный «Блокнот», но более удобны редакторы с дополнительными функциями. В этом курсе будет использоваться Atom, но можно выбрать другой:
- Visual Studio: Мощная среда разработки, поддерживающая множество языков программирования. Может быть избыточной для начального обучения.
- Brackets: Простой и удобный текстовый редактор.
- Sublime Text: Популярный текстовый редактор, похожий на Atom и Brackets.
- WebStorm: Профессиональная среда разработки для веб-разработки. Рекомендуется после освоения основ HTML, CSS и JavaScript.
- Notepad++: Улучшенная версия стандартного «Блокнота», но может быть слишком простой для длительной работы.
Рекомендуется начать с Atom, Brackets или Sublime Text – они сочетают функциональность и простоту использования. Позже можно перейти на более продвинутые среды разработки. Установка любого из этих редакторов проста: скачайте дистрибутив с официального сайта и запустите установщик.
Дальнейшее обучение
В этом курсе будут изучены основы HTML, создание тегов для описания объектов на странице, добавление атрибутов и общие принципы веб-разработки. Информация о дальнейших шагах в изучении веб-разработки будет предоставлена в конце курса. Дополнительные материалы, описание уроков, код и домашние задания доступны на сайте itproger.com. На сайте также находится специальный редактор для написания HTML-кода.
В следующем уроке начнётся изучение HTML. Этот урок был посвящён выбору и установке текстового редактора – начальному этапу освоения веб-разработки.