Angular-এ লেআউট ফাইল

ওয়েবসাইটের লেআউট ফাইলটি src/index.html-এ অবস্থিত। এটি নিম্নরূপ দেখাবে:

src/index.html<!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>

আপনি যদি HTML শেখেন থাকেন, তাহলে app-root ট্যাগটি বাদ দিয়ে এই ফাইলের বাকি সবকিছু আপনার বোধগম্য হওয়া উচিত:

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

এই ট্যাগটি HTML-এর অংশ নয়। এই ট্যাগটি Angular নিজেই যোগ করে। এই ট্যাগটি যেখানে লেখা আছে, সেখানে মূল কম্পোনেন্টের HTML কোড ঢোকানো হবে। আমরা এটি সম্পর্কে পরবর্তী পাঠে আরও বিশদভাবে আলোচনা করব।

Задание 1

সাইটের লেআউটে পৃষ্ঠার শিরোনাম পরিবর্তন করুন।

Задание 2

body ট্যাগের মধ্যে কিছু লেখুন। নিশ্চিত হন যে এটি ব্রাউজারে প্রদর্শিত হয়।

Задание 3

একটি হেডার, ফুটার, সাইডবার এবং কন্টেন্ট যোগ করুন। app-root ট্যাগটি যেন সাইটের কন্টেন্টে অবস্থান করে।