দ্য ' ” ট্যাগটি একটি অনুচ্ছেদ হিসাবে বিবেচিত ওয়েবপেজে পাঠ্য প্রদর্শনের জন্য ব্যবহার করা হয়। “
” ট্যাগটি একটি পূর্বনির্ধারিত উল্লম্ব স্থানের সাথে আসে যা অনুচ্ছেদের আগে এবং পরে যোগ করা হয়। “
” ট্যাগের ভিতরের পাঠ্যটি সর্বদা পরবর্তী লাইনে প্রদর্শিত হয় এবং অতিরিক্ত স্থানগুলিও এড়িয়ে যায়। ডেভেলপাররা পি ট্যাগ ব্যবহার করতে পারে কন্টেন্টকে আলাদা আলাদা বিভাগে বা যুক্তিযুক্তভাবে তথ্য সাজাতে।
এই নির্দেশিকা ব্যবহারিক বাস্তবায়নের সাথে HTML p ট্যাগ প্রদর্শন করে।
HTML p ট্যাগ কি?
দ্য ' ” ট্যাগটি ওয়েবপেজে ব্যবহার করা হয় বিষয়বস্তুর গঠন উন্নত করতে এবং পাঠ্যকে আরও বিশিষ্ট করতে। এটি ওয়েবপৃষ্ঠার জন্য এসইও প্রক্রিয়াতে সহায়তা করে যা অনুসন্ধান ফলাফলগুলিতে ওয়েবসাইটের র্যাঙ্কিং উন্নত করতে পারে।
বাক্য গঠন
এর জন্য সিনট্যাক্স ' ' ট্যাগ হিসাবে দেখানো হয়:
< পি > লিনাক্স পি >
কোডের উপরের লাইনে, ' ' হল শুরুর ট্যাগ, এবং '
” হল ক্লোজিং ট্যাগ। HTML উপাদানগুলির জটিলতা এবং ওভারল্যাপিং এড়াতে ক্লোজিং ট্যাগটি ব্যবহার করা বাধ্যতামূলক৷
কিভাবে বুঝতে নিচের উদাহরণ দেখুন ট্যাগ কাজ করে:
< শরীর >< পি > হ্যালো লিনাক্সহিন্ট সম্প্রদায় পি >
শরীর >
উপরের কোড স্নিপেটের আউটপুট নীচে প্রদর্শিত হয়:
উপরের আউটপুটটি প্লেইন টেক্সট দেখায় যা স্ক্রিনে প্রদর্শিত হয় ' ট্যাগ
কিভাবে
ট্যাগে CSS স্টাইলিং প্রয়োগ করবেন?
দ্য ' 'ট্যাগ বিশ্বব্যাপী গুণাবলী গ্রহণ করে যেমন ' ক্লাস ', ' আইডি 'বা' শৈলী ” ইত্যাদি যা সিএসএস বৈশিষ্ট্য ব্যবহার করে নির্বাচিত উপাদান স্টাইল করার জন্য ব্যবহার করা যেতে পারে। বিকাশকারী শুধুমাত্র নির্দিষ্ট উপাদানগুলিতে CSS বৈশিষ্ট্য প্রয়োগ করতে বিশ্বব্যাপী বৈশিষ্ট্যগুলির মধ্যে একটি ব্যবহার করতে পারেন। এবং সবার জন্য শৈলী প্রয়োগ করার জন্য ' ওয়েবপেজে ব্যবহৃত ট্যাগ সরাসরি HTML নির্বাচন করুন পি 'সিএসএস ফাইলের ভিতরে উপাদান বা ' <স্টাইল> ট্যাগ
উদাহরণ 1: সমস্ত 'p' উপাদানগুলিতে CSS বৈশিষ্ট্য প্রয়োগ করা
সমস্ত
HTML উপাদানগুলিতে একই শৈলী সেট করার জন্য, নীচের কোড স্নিপেটে যান:
< শৈলী >পি {
পটভূমির রঙ: বন সবুজ;
সাদা রং;
}
শৈলী >
< শরীর >
< পি > হ্যালো লিনাক্সহিন্ট সম্প্রদায় পি >
< পি > হ্যালো লিনাক্সহিন্ট সম্প্রদায় পি >
< পি > হ্যালো লিনাক্সহিন্ট সম্প্রদায় পি >
< পি > হ্যালো লিনাক্সহিন্ট সম্প্রদায় পি >
শরীর >
উপরের কোড স্নিপেটে, CSS “ পেছনের রং ' এবং ' রঙ ' বৈশিষ্ট্য প্রয়োগ করা হয় ' পি ' উপাদানগুলি সরাসরি নির্বাচন করে ' পি ' উপাদান নির্বাচক।
উপরের কোড স্নিপেটটি কার্যকর করার পরে, ওয়েবপৃষ্ঠাটি এইরকম দেখায়:
উপরের আউটপুটটি দেখায় যে একই স্টাইলিং সকলের জন্য প্রয়োগ করা হয়েছে ' পি ” ওয়েবপেজে উপাদান।
উদাহরণ 2: ইউনিক 'p' এলিমেন্টে CSS প্রপার্টি প্রয়োগ করা
অনন্য স্টাইল প্রয়োগের জন্য ' পি ” উপাদান, শৈলী, আইডি বা শ্রেণি বৈশিষ্ট্যগুলি ব্যবহার করা যেতে পারে। এই বৈশ্বিক বৈশিষ্ট্যগুলি সিএসএস বৈশিষ্ট্যগুলিকে ' পি ' উপাদান যা তারা সংযুক্ত করা হয়.
আসুন একটি কোড দেখুন:
< শৈলী >পি {
পটভূমির রঙ: বন সবুজ;
সাদা রং;
}
.using-class {
ব্যাকগ্রাউন্ড-রঙ: গাঢ় সায়ান;
}
#using-id{
ব্যাকগ্রাউন্ড-রঙ: গোলাপী বাদামী;
}
শৈলী >
< শরীর >
< পি > হ্যালো লিনাক্সহিন্ট সম্প্রদায় পি >
< পি শৈলী = 'পটভূমির রঙ: লাল' > হ্যালো লিনাক্সহিন্ট সম্প্রদায় পি >
< পি ক্লাস = 'ব্যবহার-শ্রেণী' > হ্যালো লিনাক্সহিন্ট সম্প্রদায় পি >
< পি আইডি = 'আইডি ব্যবহার করে' > হ্যালো লিনাক্সহিন্ট সম্প্রদায় পি >
< পি > হ্যালো লিনাক্সহিন্ট সম্প্রদায় পি >
শরীর >
উপরের কোড স্নিপেটে, 'এর জন্য পটভূমি-রঙের বৈশিষ্ট্য পি গ্লোবাল অ্যাট্রিবিউটের সাথে ব্যবহার করার সময় উপাদানটি বিভিন্ন মান সহ সেট করা হয়।
উপরের কোড স্নিপেটটি কার্যকর করার পরে, ওয়েবপৃষ্ঠাটি এইরকম প্রদর্শিত হবে:
উপরের আউটপুট দেখায় যে ' পি ' উপাদানগুলি এখন বিশ্বব্যাপী বৈশিষ্ট্যগুলির সাহায্যে অনন্যভাবে স্টাইল করা হয়েছে৷
উপসংহার
দ্য ' ”
ট্যাগ প্রদর্শন করেছে।