menubar

HTML Elements


HTML প্রতিটি ডকুমেন্ট তৈরি হয় elements দিয়ে। HTML elements লেখা হয় opening tag এবং closing tag এর ভিতরে।
<tagname>content</tagname>
Example:
<html>
<head>
<title>HTML tittle tag </title>
</head>
<body>
<h1> heading1 tag</h1>
<p>paragraph tag</p>
</body>
</html>

দেখুন উপরের উদাহরনে মোট ৬ টি elements আছে html,head,title,body, h1, p
<html> </html> এর মাঝে যা আছে সেগুলো সব নিয়ে একটা elementsএরকম ভাবে head একটা elements, title একটা elements, body একটা elementsআবার body এর ভিতরে h1, p elements হলো body এর ভিতরকার চাইল্ড elementsআর body হলো h1, p প্যারেন্ট elements
কোন elements এর ভিতরে যদি আবার নতুন elements লিখা হয় তাহলে নতুন লিখিত elements হলো তার আগে লেখা elements এর চাইল্ড।আর প্রথম elements হলো প্যারেন্ট elements
উপরে লেখা <html> </html> এর মধ্যে যতো elements লেখা হয়েছে তা সব <html> </html> এর চাইল্ড elementsআর <html> </html> হলো পুরা ডকুমেন্ট এর প্যারেন্ট elements
দেখুন উপরে <body></body> elements এর ভিতরে h1, p দুইটি elements লেখা হয়েছে।এখানে <body></body> হলো প্যারেন্ট elements আর h1, p হলো চাইল্ড elements

Elements  দুই ধরনের আছে 

ব্লকলেভেল এলিমেন্ট
ইনলাইন এলিমেন্ট
ব্লকলেভেল এলিমেন্ট সাধারণত html,head,title,body, h1, p এগুলো
আর যে elements ব্লকলেভেল এলিমেন্ট এর ভিতরে লেখা হয় বা নতুন করে শুরু হয় না তাকে ইনলাইন এলিমেন্ট বলে।
<html>
<head>
<title>www.bdtutorialweb.blogspot.com</title>
</head>
<body bgcolor="green">
<font size="5" face="Arial" color="red">
This is a paragraph.
</font>
</body>
</html>
উপরে html,head,title,body, p এগুলো ব্লকলেভেল এলিমেন্ট আর bgcolor , font size , font  face , font color এগুলো ইনলাইন এলিমেন্ট

নোটপ্যাড  open  করে  উপরের code  টুকু  লিখে  file  মেনু  থেকে  Save as ক্লিক করে File name: anything.html  ,   Save as type : All files,  দিয়ে save করে html ফাইলটি browser  দিয়ে open করলে এভাবে দেখাবে।



কোন মন্তব্য নেই:

একটি মন্তব্য পোস্ট করুন