হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ যা HTML নামেও পরিচিত, ওয়েব অ্যাপ্লিকেশন তৈরি করতে ব্যবহৃত হয়। HTML ট্যাগ, সাধারণত উপাদান হিসাবে পরিচিত, HTML ভাষার সবচেয়ে গুরুত্বপূর্ণ দিক। HTML ট্যাগগুলি ওয়েব পৃষ্ঠাগুলিতে সামগ্রী বা তথ্য এম্বেড করে এবং প্রদর্শন করে। দুই ধরনের এইচটিএমএল ট্যাগ আছে: খালি এবং কন্টেইনার ট্যাগ।
এই ব্লগটি HTML-এ খালি এবং কন্টেইনার ট্যাগগুলির সাথে কীভাবে কাজ করবেন তা নির্দেশ করবে৷
খালি ট্যাগ
খালি ট্যাগগুলি '' নামেও পরিচিত এককটন 'বা' অকার্যকর ' ট্যাগ. অকার্যকর ট্যাগ কোন বিষয়বস্তু ধারণ করে না, কিন্তু বৈশিষ্ট্য নির্দিষ্ট করা যেতে পারে. এই ট্যাগগুলির একটি শেষ ট্যাগ নেই এবং ট্যাগে একটি ব্যাকস্ল্যাশ থাকতে পারে৷ খালি ট্যাগের উদাহরণ হল “
”, “”, “”, “
বাক্য গঠন
HTML এ অকার্যকর উপাদানগুলি উল্লেখ করার জন্য বাক্য গঠন নিম্নরূপ:
< খালি ট্যাগ />
খালি ট্যাগগুলির সাথে কীভাবে কাজ করবেন তা দেখতে, নীচের উদাহরণটি দেখুন। দ্য '
” ট্যাগ লাইন ব্রেক ট্যাগ হিসাবে পরিচিত এবং লাইন ভাঙতে ব্যবহৃত হয়:
< পি > HTML খালি ট্যাগ < br > লাইন বিরতি ট্যাগ পি >
আউটপুট নির্দেশ করে যে '
' ট্যাগ লাইনটি ভেঙে দিয়েছে:
আমরা HTML ট্যাগে CSS স্টাইলিং বৈশিষ্ট্য যোগ করতে পারি। দ্য '
” ট্যাগ হল আরেকটি খালি উপাদান যা পৃষ্ঠায় একটি অনুভূমিক রেখা যোগ করে:
< ঘন্টা শৈলী = 'বর্ডার-টপ: 3px ড্যাশড লাল;' > লাইন বিরতি ট্যাগ
পি >
দ্য ' বর্ডার-শীর্ষ 'সিএসএস সম্পত্তি প্রয়োগ করা হয় '
' তিনটি মান সহ, একটি হল সীমানা প্রস্থ যা ' এর সমান 3px ', সীমানা শৈলী ' হিসাবে সেট করা হয়েছে ড্যাশড ” এবং বর্ডার রঙ।
আউটপুট
এ পর্যন্ত আমরা HTML খালি ট্যাগ নিয়ে আলোচনা করেছি। এখন, আমরা পরবর্তী বিভাগে HTML কন্টেইনার ট্যাগের মাধ্যমে যাব।
ধারক ট্যাগ
HTML কন্টেইনার ট্যাগ তিনটি অংশ নিয়ে গঠিত: প্রারম্ভিক ট্যাগ, বিষয়বস্তু এবং শেষ ট্যাগ। HTML কন্টেইনার ট্যাগের সিনট্যাক্স নিম্নরূপ দেওয়া হয়েছে:
< শুরু_দিন > বিষয়বস্তু শেষ ট্যাগ >HTML-এ কন্টেইনার ট্যাগ কীভাবে কাজ করে তা জানতে নীচের উদাহরণগুলি দেখুন।
উদাহরণ 1: কিভাবে HTML এ একটি অনুচ্ছেদ যোগ করবেন?
দ্য ' ” ট্যাগটি HTML নথিতে অনুচ্ছেদটি এম্বেড করতে ব্যবহৃত হয়:
< পি > এটি একটি অনুচ্ছেদ ট্যাগ পি >আউটপুট
উদাহরণ 2: কিভাবে HTML এ শিরোনাম যোগ করবেন?
শিরোনাম কন্টেইনার ট্যাগের ছয়টি স্তর রয়েছে যা একটি ওয়েব পৃষ্ঠায় শিরোনাম যোগ করতে ব্যবহার করা যেতে পারে। এগুলি কীভাবে কাজ করে এবং একটি ওয়েব পৃষ্ঠায় তা দেখতে তাদের একটি HTML নথিতে রাখি:
< h1 > লিনাক্স h1 >< h2 > লিনাক্স h2 >
< h3 > লিনাক্স h3 >
< h4 > লিনাক্স h4 >
< h5 > লিনাক্স h5 >
< h6 > লিনাক্স h6 >
আউটপুট
আমরা এই ট্যাগগুলিতে ইনলাইন স্টাইলিং প্রদান করতে পারি। নীচের উদাহরণটি বিবেচনা করুন, যা এই ট্যাগগুলিতে বিভিন্ন CSS স্টাইলিং বৈশিষ্ট্যগুলি কীভাবে প্রয়োগ করতে হয় তা দেখায়:
< h1 শৈলী = 'ব্যাকগ্রাউন্ড-কালার: থিসল; ফন্ট-ফ্যামিলি: কার্সিভ;' > লিনাক্স h1 >< h2 শৈলী = 'পটভূমি-রঙ: গম; পাঠ্য-সারিবদ্ধ: কেন্দ্র;' > লিনাক্স h2 >
< h3 শৈলী = 'পটভূমির রঙ: টমেটো; রঙ: সাদা;' > লিনাক্স h3 >
< h4 শৈলী = 'ফন্ট-ফ্যামিলি: 'ট্রেবুচেট এমএস'; ব্যাকগ্রাউন্ড-রঙ: হলুদ সবুজ;' > লিনাক্স h4 >
< h5 শৈলী = 'পটভূমির রঙ: বেগুনি;' > লিনাক্স h5 >
< h6 শৈলী = 'পটভূমির রঙ: সাদা ধোঁয়া;' > লিনাক্স h6 এবং gt
এখানে উপরে বর্ণিত বৈশিষ্ট্যগুলির ব্যাখ্যা রয়েছে:
- দ্য ' পেছনের রং ' সম্পত্তি উপাদানটির পটভূমিতে রঙ যোগ করে।
- ' ফন্ট-পরিবার ” সম্পত্তি উপাদানের ফন্ট শৈলী সামঞ্জস্য করে।
- ' পাঠ্য-সারিবদ্ধ ” সম্পত্তি টেক্সট বসানো বা প্রান্তিককরণ সামঞ্জস্য করে।
আউটপুট
আমরা আপনাকে দেখিয়েছি কিভাবে HTML এর খালি এবং কন্টেইনার ট্যাগ ব্যবহার করতে হয়।
উপসংহার
খালি ট্যাগ এবং কন্টেইনার ট্যাগ হল HTML নথির প্রধান উপাদান যা একটি ওয়েব পৃষ্ঠায় বিষয়বস্তু এবং তথ্য এম্বেড করে। খালি ট্যাগগুলিতে কোনও বিষয়বস্তু থাকে না এবং এটির শেষে একটি ব্যাকস্ল্যাশ সহ শুধুমাত্র স্টার্ট ট্যাগ থাকে, যেমন
। যাইহোক, কন্টেইনার ট্যাগগুলিতে বিষয়বস্তুর সাথে শুরু এবং শেষ ট্যাগ থাকে। এই ব্লগটি HTML-এ খালি এবং ধারক উপাদানগুলির কাজ সম্পর্কে বিস্তারিত বর্ণনা করেছে৷