দেরি করে পোস্ট করার জন্য সবার কাছে আন্তরিক ভাবে দুঃখিত 🙁 আগের দুটি টুইট, প্রয়োজন হলে দেখে আসতে পারেন।
এর আগের টুইটে আমরা কয়েকটি নতুন শব্দ পেয়েছি। যেমন: HTML Element , body Elemont, Heading Element, Paragraph Element ইত্যাদি। এবার চলুন এগুলো সম্পর্কে একটু ভালো ভাবে জেনে নইই।
HTML Element: HTML Element দ্বারাই HTML Document বর্ননা করে।
HTML Element এর বৈশিষ্টঃ
HTML elements এর অনেক attributes বা বৈশিষ্ট রয়েছে যা খুবই দরকারি। এগুলু নিয়ে পরে আলোচনা করবো।
HTML Element এ তিনটি অংশ থাকে।
উদাহরন নিচের HTML Element লক্ষ করুনঃ
<h1>Hi! Welcome to my site(Heading)</h1>
এখানে <h1> হচ্ছে একটি opening tag। )</h1> হচ্ছে closing tag। এবং Hi! Welcome to my site(Heading) হচ্ছে HTML Element Content
একটি Nested HTML Element এর মধ্যে যদি আরেকটি HTML Element থাকে তবে তাকে Nested HTML Elements বলে।
নিচের কোড গুলো দেখুনঃ
এখানে;
চারটি HTML Element রয়েছে। যথাঃ html, body, h, এবং p Elemont.
html element এর মধ্যে আরেকটি body element রয়েছে। আবার body element এর মধ্যে রয়েছে h element ও p element ।
সুতরাং বলা যায় যে ওয়েব পেজ হল কতগুলো Nested HTML Element বা HTML Element এর সমষটি। তাই নয় কি?
Empty HTML Elements : আগেই বলেছি HTML এ Empty HTML Elements থাকতে পারে।
সকল HTML Element এ তিনটি অংশ থাকে। যে গুলোর মধ্যে কোন content থাকে না সেগুলো কে বলা হয় Empty HTML Elements।
যেমন <br/>
এটি একটি Empty HTML Element যার সাহয্যে নতুন লাইন দেওয়া হয়। Paragraph এ অনেক সময় নতুন লাইন দিতে হয়। এটি দিয়ে নতুন লাইন দেওয়া হয়। পরে এর ব্যবহার দেখবেন পাবেন। আর আপনি ও চেষ্টা করুন।
আমরা আগে যে Web page তৈরি করেছি তা সম্পুর্ন নয়। প্রত্যেক সম্পুর্ন Web page এ চারটি প্রয়োজনীয় Element থাকে এগুলো হলো্:
আমরা এর আগে html ও body element সম্পর্কে জেনেছি। এবার head ও title element সম্পর্কে জানব।
আগে আসি head element এ ।
head element:
head element এর মধ্যে Web page এর সকল ইনফরমেশন থাকে। এটির মধ্যে যা থাকে তা দেখা যায় না। তবে এটি খুবি ধরকারি। এর মধ্যে আরেকটি element থাকে title element।
title element:
title element ওয়েব পেজ এর title প্রকাশ করতে ব্যবহার করা হয়।
আমরা কোনন সাইটে গেলে তার উপরে সাইটের টাইটেল প্রদর্শিত হয়। যেমন ফেসবুকে এ গেলে লেখা উঠে Facebook, Google এ গেলে লেখা উঠে Google ইত্যাদি।
এবার আমরা একটি সম্পুর্ন সাইট তৈরি করি। কি কি কোড লিখছি তা একটু দেখে নিন। এবং নিজে চেষ্টা করুন। আমি নিচের কোড গুলো লিখছি।
আপনি নিজের ইচ্ছে মত পরিবর্তন করে দেখুন কি পরিবর্তন করলে কি হয়। আমার কোড গুলোর আউট পুট নিচের মত হবে।
এ সাইটের মধ্যে প্রধান চারটি উপাদানই রয়েছে। নিজে নিজে চেষ্টা করুন। ধন্যবাদ সবাইকে।
পরের পর্বঃ
আমি জাকির হোসাইন। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 224 টি টিউন ও 1487 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 5 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
পৃথিবীতে অল্পকয়েক দিনের জন্য অনেকেই আসে, হেঁটে খেলে চলে যায়। এর মধ্যে অল্প কয়েক জনই পায়ের চাপ রেখে যায়।ওদের একজন হতে ইচ্ছে করে। প্রযুক্তির আরেকটি সেরা ব্লগ টেকটুইটস। আপনাদের স্বাগতম, যেখানে প্রতিটি বন্ধুর অংশ গ্রহনে গড়ে উঠেছে একটি পরিবার। আপনাদের পছন্দ হবে আশা করি। ফেসবুকে আমি - ?জাকির!
