Layout fájl az Angularban

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

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

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

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

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

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