Layout fájl az Angularban

A weboldal layoutja a src/index.html fájlban található. Hozzávetőlegesen így fog kinézni:

src/index.html<!doctype html>
<html lang="hu">
<head>
  <meta charset="utf-8">
  <title>cím</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>

Mindennek érthetőnek kell lennie ebben a fájlban, ha tanultál HTML-t, kivéve a app-root taget:

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

Ez a tag nem része a HTML-nek. Ezt a taget maga az Angular adja hozzá. Oda, ahol ez a tag van írva, kerül be a fő komponens HTML kódja. Erről részletesebben is beszélünk a következő leckében.

Задание 1

Változtasd meg a weboldal layoutjában az oldal címét.

Задание 2

Írj valamilyen szöveget a body tagbe. Ellenőrizd, hogy megjelenik-e a böngészőben.

Задание 3

Adj hozzá fejlécet, láblécet, oldalsávokat és tartalmat. A app-root tag a weboldal tartalmában helyezkedjen el.