Глава 22 · Веб-разработка с Python
Строительные блоки — HTML
HTML описывает структуру страницы: где заголовок, где текст, где ссылка.
Строительные блоки — HTML
HTML (HyperText Markup Language — язык гипертекстовой разметки) описывает структуру страницы: где заголовок, где текст, где картинка, где ссылка. Каждый кусочек содержимого оборачивается в тег:
stranica.html
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Моя первая страница</title>
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это мой первый сайт на HTML.</p>
<ul>
<li>Учу Python</li>
<li>Учу HTML</li>
</ul>
<a href="https://python.org">Официальный сайт Python</a>
</body>
</html>Теги обычно идут парами
<h1> открывает заголовок, </h1> (со слэшем) его закрывает — почти как открывающая и закрывающая скобки в Python. Всё, что между ними, и есть содержимое этого элемента.Самые частые теги: <h1>…<h6>
— заголовки разного уровня, <p> — абзац текста,
<ul>/<li> — список,
<a href="…"> — ссылка, <img
src="…"> — картинка.
Практика в Jupyter Notebook
22-02-html-css.ipynb · HTML и CSS вживую