# Файл макета в 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` размещается в контенте сайта.

← →
↑