Файл макета в Angular

Макет сайта размещается в файле src/index.html. Он будет выглядеть примерно вот так:

src/index.html<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>title</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
</body>
</html>

В этом файле вам должно быть все понятно, если вы изучали HTML, за исключением тега app-root:

src/index.html<body>
  <app-root></app-root>
</body>

Данный тег не является частью HTML. Этот тег добавляет сам Angular. В то место, где написан этот тег будет вставлен HTML код основного компонента. Мы еще поговорим подробнее об этом в следующем уроке.

Задание 1

Поменяйте в макете сайта тайтл страницы.

Задание 2

Напишите в теге body какой-нибудь текст. Проверьте, что он появится в браузере.

Задание 3

Добавьте хедер, футер, сайдбары и контент. Пусть тег app-root размещается в контенте сайта.