Súbor rozloženia v Angular

Rozloženie webstránky sa nachádza v súbore src/index.html. Bude vyzerať približne takto:

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>

V tomto súbore by vám malo byť všetko jasné, ak ste študovali HTML, s výnimkou značky app-root:

src/index.html<body>
  <app-root></app-root>
</body>

Táto značka nie je súčasťou HTML. Túto značku pridáva sám Angular. Na miesto, kde je táto značka napísaná, bude vložený HTML kód hlavného komponentu. O tom si podrobnejšie porozprávame v nasledujúcej lekcii.

Задание 1

Zmeňte v rozložení webstránky názov stránky (title).

Задание 2

Napíšte do značky body nejaký text. Skontrolujte, že sa objaví v prehliadači.

Задание 3

Pridajte hlavičku (header), pätu (footer), bočné panely (sidebars) a obsah. Nech sa značka app-root nachádza v obsahu webstránky.