Поэтому мы начнем разбираться сначала в фундаменте, и тогда потом нам будет намного понятнее как применить стилизацию
На примере этого дома: где HTML - это структура, фундамент. А CSS - стилизация: внутренняя и внешняя отделка дома
HTML
Теги
Это язык гипертекстовой разметки документа для просмотра веб-страниц в браузере. Не является языком программирования.
Существуют парные и одиночные теги, например <h1> парный: нам надо выделить начало заголовка и где заканчивается заголовок. А закрываем мы его </h1>
А <br> - перенос строки - одиночный <img> - картинка содержит только картинку, поэтому этот тег тоже одиночный. <p> - тег параграфа в начале абзаца и закрывающий тег </p> в конце абзаца.
Но в Тильде вместо <p> используется <div> </div>
В первую очередь мы создаем текст, где указываем какие-то разметки. Разметки мы указываем с помощью тегов. И после того, как мы внесли изменения с помощью тегов, то с помощью CSS задаем стилизацию текста: выделяем цветом, задаем шрифт и т.д.
Теги всегда обрамляются треугольными скобками, например: <h1> - это тег заголовка. И браузер применяет свои стили для выделения текста.
В чем создавать?
visual studio
sublime text
WebStorm
Brackets
Так же у этих программ есть плагины, которые ускорят и упростят написание кода. А так же они дают подсказки. Но в Тильде, есть замечательный блок Т123, который так же упрощает написание кода.
На данный момент никто не использует ворд, есть специализированные программы такие как:
Задание к уроку:
Открой сайт: https://fishtext.ru - чтобы не писать и не придумывать текст самому.
Добавь блок T123 - html
Пропиши и выдели тегами заголовок и три абзаца.
Our Website is Almost Ready
Launch a targeted campaign. Scale your infrastructure with our simple service.