Файл макета ў 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 размяшчаецца ў кантэнце сайта.