Что такое HTML и зачем он нужен

HTML – это язык разметки веб-страницы.

С помощью html мы задаем странице определенный каркас.

То есть этот язык определяет в каком порядке будут идти друг за другом элементы на странице типа картинок, таблиц, текста и другое. Но точнее будет сказать он не только определяет порядок, но и размещает эти элементы на странице в определенном программистом порядке.

Все элементы размещаются на странице с помощью специальных тегов.

Все теги пишутся в файле с расширением html.

Например, тег p размещает на странице текст с нового абзаца. Если мы напишем

<p>Какой-то текст в теге р.</p>

в html файле и откроем его в браузере, то увидим в браузере на странице текст “Какой-то текст в теге р.”

Тегов в html много. Перейдем к изучению базовых.

В html коде комментарии указываются вот так: <!-- Комментарий -->. Типа комментария /* Комментарий */ в Java.

В html есть три специальных базовых тега. Приведем пример страницы с этими тегами.

Какой-то текст в теге р.

Протестируем написанный код.

Давайте откроем только что написанную страницу База.html в браузере. Обычно это делается вот так: нажимаем правой кнопкой мыши по файлу и выбираем каким браузером открывать страницу.

Видим на странице в браузере содержимое тега p.

Ключевые теги HTML

Основные HTML-теги: DOCTYPE, заголовки (h1-h6), таблицы, изображения и формы. Практические примеры верстки с тегами table, img, form и атрибутами.
Time to read: 13

Атрибуты в HTML

Изучите HTML-атрибуты: width, height, align и другие. Узнайте, как настраивать элементы страницы, центрировать контент и управлять размерами с примерами кода.
Time to read: 12

Базовые концепции CSS

Основы CSS: разделение структуры и дизайна, подключение стилей, работа с селекторами. Практическое руководство по оформлению HTML-страниц.
Time to read: 15