Súbor rozloženia v Angular

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

<!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:

<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.

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

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

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.