Archivo de diseño en Angular

El diseño del sitio se encuentra en el archivo src/index.html. Se verá aproximadamente así:

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

En este archivo, todo debería ser claro para ti, si has estudiado HTML, con la excepción de la etiqueta app-root:

<body>
	<app-root></app-root>
</body>

Esta etiqueta no es parte de HTML. Esta etiqueta la agrega el propio Angular. En el lugar donde esta etiqueta está escrita, se insertará el código HTML del componente principal. Hablaremos de esto más detalladamente en la siguiente lección.

Cambia el título de la página en el diseño del sitio.

Escribe algún texto en la etiqueta body. Verifica que aparezca en el navegador.

Añade un encabezado, un pie de página, barras laterales y contenido. Deja que la etiqueta app-root se ubique en el contenido del sitio.