Тема: html и его применение в дизайне
HTML и СSS - для чего нужны и как применяются?
Поэтому мы начнем разбираться сначала в фундаменте,
и тогда потом нам будет намного понятнее как применить стилизацию
На примере этого дома:
где HTML - это структура, фундамент.
А CSS - стилизация: внутренняя и внешняя отделка дома
HTML
Теги
Это язык гипертекстовой разметки документа для просмотра веб-страниц в браузере.
Не является языком программирования.
Существуют парные и одиночные теги, например
<h1> парный: нам надо выделить начало заголовка и где заканчивается заголовок.
А закрываем мы его </h1>

А <br> - перенос строки - одиночный
<img> - картинка содержит только картинку, поэтому этот тег тоже одиночный.
<p> - тег параграфа в начале абзаца и закрывающий тег </p> в конце абзаца.

Но в Тильде вместо <p> используется <div> </div>
В первую очередь мы создаем текст, где указываем какие-то разметки.
Разметки мы указываем с помощью тегов. И после того, как мы внесли изменения с помощью тегов, то с помощью CSS задаем стилизацию текста: выделяем цветом, задаем шрифт и т.д.

Теги всегда обрамляются треугольными скобками, например:
<h1> - это тег заголовка. И браузер применяет свои стили для выделения текста.
В чем создавать?
  • visual studio
  • sublime text
  • WebStorm
  • Brackets
Так же у этих программ есть плагины, которые ускорят и упростят написание кода. А так же они дают подсказки. Но в Тильде, есть замечательный блок Т123, который так же упрощает написание кода.
На данный момент никто не использует ворд, есть специализированные программы такие как:
Задание к уроку:
  1. Открой сайт: https://fishtext.ru - чтобы не писать и не придумывать текст самому.
  2. Добавь блок T123 - html
  3. Пропиши и выдели тегами заголовок и три абзаца.
Our Website is Almost Ready
Launch a targeted campaign.
Scale your infrastructure with our simple service.
Days
Hours
Minutes
Seconds
Данный скрипт взят с mo-tilda.ru