GENERAL TRACK

Ваша первая веб-страница

Создайте личную страницу профиля с помощью HTML и CSS, сгенерированных ИИ.

1Основы HTML: что такое теги?

Прежде чем строить нашу страницу, давайте разберёмся в одном ключевом понятии: теги HTML. Думайте о тегах как о ярлыках на контейнерах. Каждый тег сообщает браузеру, какой вид содержимого находится внутри.

Теги — это как коробки с подписями

<h1>

Большой заголовок (как название главы)

<p>

Абзац текста

<ul> + <li>

Маркированный список с пунктами

Каждый тег открывается и закрывается: <h1>content</h1>. Браузер читает эти теги и отображает содержимое соответствующим образом. Нажмите Запустить код, чтобы увидеть:

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Understanding Tags</title>
</head>
<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph of text.</p>
  <ul>
    <li>This is a list item</li>
    <li>This is another item</li>
  </ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <title>Understanding Tags</title>
</head>
<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph of text.</p>
  <ul>
    <li>This is a list item</li>
    <li>This is another item</li>
  </ul>
</body>
</html>

Output

Your guide

2Создаём страницу профиля с помощью ИИ

3Сделайте её своей

4Новый уровень: современный стиль с CSS

5Задание: создайте собственную страницу профиля

Что такое вайб-кодинг?

ALL TUTORIALS

Делаем вещи интерактивными