Руки на клавиатуру

Создаём первый сайт

Теория была на предыдущей странице — теперь пишем настоящий код. Всего четыре шага, и у вас будет своя первая веб-страница.

Источники для изучения:
1 Создаём файл index.html

Это главный файл сайта. В нём мы описываем структуру страницы с помощью тегов HTML.

index.html 
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Мой первый сайт</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>Привет, это мой сайт!</h1>
  <p>Я делаю его в 9 классе.</p>
</body>
</html>
2 Создаём файл style.css

Теперь добавим немного цвета и красоты — CSS отвечает за оформление того, что мы описали в HTML.

style.css 
body {
  font-family: sans-serif;
  background-color: #f6f5fc;
  color: #1b1533;
}

h1 {
  color: #5b21b6;
}
3 Соединяем файлы

Файлы уже связаны! Строка <link rel="stylesheet" href="style.css"> внутри <head> говорит браузеру: "возьми оформление из этого файла CSS и примени его к странице". Файлы должны лежать в одной папке.

4 Запускаем сайт в браузере

Достаточно дважды нажать на файл index.html — он откроется в браузере, и вы увидите готовую страницу.

предпросмотр

Привет, это мой сайт!

Я делаю его в 9 классе.

Что я узнал после выполнения проекта