раздел 04

Шпаргалка

Базовые HTML-теги

ТегЧто это
h1 ... h6Заголовки, от крупного к мелкому
pАбзац текста
aСсылка (адрес в href)
imgКартинка (файл в src, подпись в alt)
ul / olСписок: маркированный / нумерованный
liПункт списка
buttonКнопка
divБлок-контейнер, обёртка для других элементов

Базовые CSS-свойства

СвойствоЧто меняетПример значения
colorЦвет текста#1a73e8, red
backgroundЦвет фонаwhite, #000
font-sizeРазмер шрифта16px, 32px
font-weightЖирностьbold, 400
paddingОтступ внутри блока12px 20px
marginОтступ снаружи блока0 auto
widthШирина блока100%, 320px

Глоссарий

СловоЧто это
ТегПометка в угловых скобках, например p или button.
ЭлементОткрывающий тег, содержимое и закрывающий тег вместе.
СелекторК чему применяется правило CSS (например, ко всем h1).
СвойствоЧто именно меняет CSS: цвет, размер, отступ.
АдаптивностьПодстройка страницы под размер экрана: десктоп и мобилка.

Куда дальше

  • JSON и Markdown - форматы, в которых хранят данные и тексты.
  • Дизайн с Claude - как собирать аккуратный вид страниц с ИИ.