Файл на оформлението в 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 се разполага в съдържанието на сайта.