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

Макет сайта размещается в файле 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:

<body> <app-root></app-root> </body>

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

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

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

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