Skip to main content

এইচটিএমএল এইচআর ট্যাগ কি এবং কিভাবে আপনি এটি ব্যবহার করবেন?

এইচটিএমএল ভিডিও টিউটোরিয়াল - 27 - এইচটিএমএল ঘন্টা ট্যাগ (জুন 2025)

এইচটিএমএল ভিডিও টিউটোরিয়াল - 27 - এইচটিএমএল ঘন্টা ট্যাগ (জুন 2025)
Anonim

এইচআর ট্যাগটি ওয়েব দস্তাবেজগুলিতে পৃষ্ঠা জুড়ে একটি অনুভূমিক রেখা প্রদর্শন করতে ব্যবহৃত হয়, অথবা কখনও কখনও একটি অনুভূমিক নিয়ম বলা হয়। কিছু ট্যাগের বিপরীতে, এইটিকে বন্ধ করার ট্যাগের প্রয়োজন নেই, তাই আপনাকে যা করতে হবে তা হল টাইপ লাইন সন্নিবেশ করা।

লাইনটি পৃষ্ঠার সম্পূর্ণ প্রস্থ জুড়ে প্রসারিত এবং লাইনের বেধ, অবস্থান এবং রঙ বর্ণনা করার জন্য এটি কিছু ডিফল্ট বৈশিষ্ট্য বহন করে, তবে আপনি যদি চান তবে সে সেটিংস পরিবর্তন করতে পারেন।

আপনি পৃষ্ঠাটির সিএসএস সম্পাদনা করে একটি HTML5 নথিতে অনুভূমিক লাইনের বৈশিষ্ট্য সম্পাদনা করতে পারেন। HTML4 অনুভূমিক রেখা নথির HTML পাশে পরিবর্তিত হয়েছে।

এইচআর ট্যাগ শব্দার্থিক হয়?

এইচটিএমএল 4, এইচআর ট্যাগ শব্দার্থিক ছিল না। সেমান্টিক উপাদানগুলির অর্থ ব্রাউজারের পরিপ্রেক্ষিতে তাদের অর্থ বর্ণনা করে এবং বিকাশকারী সহজেই বুঝতে পারে। এইচআর ট্যাগটি যেখানেই আপনি চান সেখানে একটি সাধারণ লাইন যোগ করার একটি উপায়। উপাদানটির উপরে বা নিচের সীমানার স্টাইলিং যেখানে আপনি লাইনের উপস্থিতিটি উপাদানটির উপরে বা নীচে একটি অনুভূমিক লাইন স্থাপন করেছিলেন, তবে সাধারণভাবে, এইচআর ট্যাগটি এই উদ্দেশ্যে ব্যবহার করা সহজ ছিল।

এইচটিএমএল এর সাথে শুরু করে, এইচআর ট্যাগটি সেমেটিক হয়ে ওঠে, এবং এটি এখন অনুচ্ছেদ-স্তরের থিম্যাটিক বিরতি সংজ্ঞায়িত করে, যা কোনও পৃষ্ঠার প্রবাহে বিরতি দেয় যা কোনও নতুন পৃষ্ঠা বা অন্যান্য শক্তিশালী সীমাবদ্ধতা দেয় না - এটি একটি বিষয় পরিবর্তন। উদাহরণস্বরূপ, কোনও গল্পের দৃশ্য পরিবর্তনের পরে আপনি একটি এইচআর ট্যাগ খুঁজে পেতে পারেন, অথবা এটি রেফারেন্স নথিতে বিষয় পরিবর্তন করতে পারে।

HTML4 এবং HTML5 এ এইচআর বৈশিষ্ট্য

এইচটিএমএল 4 এ, এইচআর ট্যাগ সহ সাধারণ বৈশিষ্ট্য বরাদ্দ করা যেতে পারে সারিবদ্ধ, প্রস্থ, এবং ছাউনি নেই । অ্যালাইনমেন্ট সেট করা যেতে পারে বাম , কেন্দ্র , অধিকার অথবা ন্যায্যতা প্রতিপাদন করা । প্রস্থটি আনুমানিক 100 শতাংশ থেকে অনুভূমিক রেখার প্রস্থকে সামঞ্জস্য করে যা পৃষ্ঠা জুড়ে লাইন প্রসারিত করে। দ্য ছাউনি নেই বৈশিষ্ট্য একটি ছায়াছবি রঙ পরিবর্তে একটি কঠিন রঙ লাইন renders।

এই বৈশিষ্ট্যগুলি HTML5 এ অপ্রচলিত। HTML5 ডকুমেন্টগুলিতে আপনার এইচআর ট্যাগগুলি স্টাইল করতে আপনার পরিবর্তে CSS ব্যবহার করা উচিত।

ইনলাইন সিএসএস ব্যবহার করে অনুভূমিক লাইনটি 10 ​​পিক্সেল উচ্চতার স্টাইলাইজ করার একটি HTML5 উদাহরণ (এইচটিএমএল সহ ডকুমেন্টে সরাসরি ঢোকানো শৈলী):


এইচটিএমএল 5 এ অনুভূমিক লাইন stylize আরেকটি উপায় একটি পৃথক সিএসএস ফাইল ব্যবহার করা, এবং এটি HTML ডকুমেন্ট থেকে লিঙ্ক। সিএসএস ফাইলের মধ্যে আপনি স্টাইলিং লিখতে চান:

ঘন্টা {উচ্চতা: 10px}

HTML4 এ একই প্রভাবটি আপনাকে HTML সামগ্রীতে একটি বৈশিষ্ট্য যুক্ত করতে হবে। এখানে অনুভূমিক লাইন আকার পরিবর্তন কিভাবে আয়তন অ্যাট্রিবিউট:


এইচটিএমএল বনাম এইচটিএমএল অনুভূমিক রেখা স্টাইলিং মধ্যে অনেক বেশি স্বাধীনতা আছে।

শুধুমাত্র প্রস্থ এবং উচ্চতা শৈলী সমস্ত ব্রাউজার জুড়ে সামঞ্জস্যপূর্ণ, তাই অন্যান্য শৈলী ব্যবহার করার সময় কিছু ট্রায়াল এবং ত্রুটি প্রয়োজন হতে পারে। ডিফল্ট প্রস্থ সবসময় ওয়েব পৃষ্ঠা বা পিতৃ উপাদান প্রস্থের 100 শতাংশ। নিয়ম ডিফল্ট উচ্চতা দুই পিক্সেল হয়।