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 тегі сайт контентінде орналассын.