ไฟล์เลย์เอาต์ใน Angular

เลย์เอาต์ของเว็บไซต์ถูกวางไว้ในไฟล์ src/index.html มันจะมีลักษณะ ประมาณนี้:

src/index.html<!doctype html>
<html lang="th">
<head>
  <meta charset="utf-8">
  <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>

ในไฟล์นี้คุณควรเข้าใจทั้งหมด หากคุณ เรียน HTML มาแล้ว ยกเว้นแท็ก app-root:

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

แท็กนี้ไม่ใช่ส่วนหนึ่งของ HTML แท็กนี้ ถูกเพิ่มเข้ามาโดย Angular เอง ที่ตำแหน่งที่ เขียนแท็กนี้จะมีการแทรกโค้ด HTML ของคอมโพเนนต์หลัก เราจะพูดถึง รายละเอียดเพิ่มเติมในบทเรียนถัดไป

Задание 1

เปลี่ยนไตเติลของหน้าในเลย์เอาต์ของเว็บไซต์

Задание 2

เขียนข้อความบางอย่างในแท็ก body ตรวจสอบว่ามันปรากฏในเบราว์เซอร์

Задание 3

เพิ่มเฮดเดอร์ ฟุตเตอร์ ไซด์บาร์ และเนื้อหา ให้แท็ก app-root อยู่ใน ส่วนเนื้อหาของเว็บไซต์