# Jhutanda

> Website Designer and Developer


## Posts

- [El Niño 2026 Live Update || el nino Future Benefits, and Harmful Effects on the World](https://jhutanda.com/el-nino-2026-live-update-el-nino-future-benefits-and-harmful-effects-on-the-world/)
- [example](https://jhutanda.com/example/): Download pdf Click here
- [CSS টেক্সট স্পেসিং (CSS Text Spacing) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-%e0%a6%9f%e0%a7%87%e0%a6%95%e0%a7%8d%e0%a6%b8%e0%a6%9f-%e0%a6%b8%e0%a7%8d%e0%a6%aa%e0%a7%87%e0%a6%b8%e0%a6%bf%e0%a6%82-css-text-spacing-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af/): CSS টেক্সট স্পেসিং (CSS Text Spacing) [বাংলায় CSS মাস্টার ক্লাস]: CSS (ক্যাসকেডিং স্টাইল শীট) টেক্সট উপাদান নিয়ন্ত্রণ এবং উন্নত করার জন্য একটি সমৃদ্ধ সরঞ্জাম সহ ওয়েব বিকাশকারীদের ক্ষমতায়ন করে। এই টুলগুলির মধ্যে, CSS টেক্সট স্পেসিং বৈশিষ্ট্যগুলি ডিজাইনারদের টেক্সটের চারপাশে এবং ভিতরে স্থানটি সূক্ষ্ম-টিউন করার অনুমতি দেয়, ওয়েব সামগ্রীর নান্দনিকতা, পঠনযোগ্যতা এবং লেআউটের উপর সুনির্দিষ্ট নিয়ন্ত্রণ সক্ষম করে।CSS লেটার-স্পেসিং, ওয়ার্ড-স্পেসিং এবং লাইন-উচ্চতা সহ বেশ কয়েকটি পাঠ্য ব্যবধান বৈশিষ্ট্য অফার করে। এই বৈশিষ্ট্যগুলি ডিজাইনারদের নির্দিষ্ট চাক্ষুষ এবং কার্যকরী উদ্দেশ্যগুলি অর্জনের জন্য অক্ষর, শব্দ এবং লাইনের মধ্যে স্পেসগুলি পরিচালনা করতে দেয়। CSS টেক্সট স্পেসিং (CSS Text Spacing) property গুলি হলঃ ব্যবহারকারীর ইন্টারঅ্যাকশনের সময়
- [CSS পাঠ্য রূপান্তর (Text Transformation) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-%e0%a6%aa%e0%a6%be%e0%a6%a0%e0%a7%8d%e0%a6%af-%e0%a6%b0%e0%a7%82%e0%a6%aa%e0%a6%be%e0%a6%a8%e0%a7%8d%e0%a6%a4%e0%a6%b0-text-transformation-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af/): CSS পাঠ্য রূপান্তর (Text Transformation) [বাংলায় CSS মাস্টার ক্লাস]: CSS (ক্যাসকেডিং স্টাইল শীট) ওয়েব ডেভেলপারদের টেক্সট নিয়ন্ত্রণ এবং উন্নত করার জন্য একটি সমৃদ্ধ সরঞ্জাম সরবরাহ করে। এই টুলগুলির মধ্যে, CSS টেক্সট ট্রান্সফর্মেশন প্রপার্টি হল একটি গতিশীল বৈশিষ্ট্য যা ডিজাইনারদের টেক্সটের চেহারা পরিবর্তন করার ক্ষমতা দেয়, ওয়েবসাইটের ভিজ্যুয়াল ল্যাঙ্গুয়েজে নতুন মাত্রা যোগ করে। CSS পাঠ্য রূপান্তর বিভিন্ন উপায়ে পাঠ্য পরিবর্তন করতে সক্ষম করে। এতে টেক্সট-ট্রান্সফর্মের মতো বৈশিষ্ট্য রয়েছে, যা টেক্সটের ক্যাপিটালাইজেশন পরিবর্তন করতে পারে, এটিকে বড় হাতের, ছোট হাতের অক্ষর বা প্রতিটি শব্দের প্রথম অক্ষর বড় হাতের অক্ষর তৈরি করতে পারে। এই রূপান্তরগুলি স্বতন্ত্র চাক্ষুষ উপাদান তৈরির জন্য গুরুত্বপূর্ণ। CSS পাঠ্য
- [CSS আউটলাইন(CSS Outline)[বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-%e0%a6%86%e0%a6%89%e0%a6%9f%e0%a6%b2%e0%a6%be%e0%a6%87%e0%a6%a8css-outline%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af%e0%a6%bc-css-%e0%a6%ae%e0%a6%be%e0%a6%b8%e0%a7%8d%e0%a6%9f/): CSS আউটলাইন(CSS Outline)[বাংলায় CSS মাস্টার ক্লাস]: একই উদ্দেশ্যে কাজ করে, কিন্তু একটি মৌলিক পার্থক্য সহ। যদিও সীমানাগুলি বক্স মডেলের অংশ এবং একটি উপাদানের বিন্যাসকে প্রভাবিত করতে পারে, একটি উপাদানের সীমানা বাক্সের বাইরে রূপরেখা আঁকা হয়৷ এটি লেআউট পরিবর্তন না করে হাইলাইট এবং অ্যাক্সেসযোগ্যতার জন্য রূপরেখাকে মূল্যবান করে তোলে। CSS আউটলাইন এর poperty গুলি হল। নকশা নান্দনিক মেলে রূপরেখা কাস্টমাইজ করা সাধারণ। যাইহোক, অ্যাক্সেসযোগ্যতার কথা মাথায় রেখে এটি করা অত্যন্ত গুরুত্বপূর্ণ। একটি দৃশ্যত স্পষ্ট ফোকাস সূচক দিয়ে প্রতিস্থাপিত না হলে রূপরেখা সম্পূর্ণরূপে সরানো উচিত নয়। একটি উপযুক্ত প্রতিস্থাপন ছাড়া রূপরেখা অপসারণ কীবোর্ড ব্যবহারকারীদের জন্য অ্যাক্সেসযোগ্যতাকে বাধাগ্রস্ত করতে পারে। আউটলাইন-অফসেট প্রপার্টি আউটলাইন
- [CSS টেক্সট ডেকোরেশন (CSS Text Decoration) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-%e0%a6%9f%e0%a7%87%e0%a6%95%e0%a7%8d%e0%a6%b8%e0%a6%9f-%e0%a6%a1%e0%a7%87%e0%a6%95%e0%a7%8b%e0%a6%b0%e0%a7%87%e0%a6%b6%e0%a6%a8-css-text-decoration-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be/): CSS টেক্সট ডেকোরেশন (CSS Text Decoration) [বাংলায় CSS মাস্টার ক্লাস]: ওয়েব ডিজাইনের বহুমুখী জগতে, টাইপোগ্রাফির শিল্প অর্থ এবং নান্দনিকতা বোঝানোর জন্য একটি শক্তিশালী হাতিয়ার। CSS (ক্যাসকেডিং স্টাইল শীট) ওয়েব ডেভেলপারদের টেক্সট নিয়ন্ত্রণ এবং উন্নত করার জন্য বৈশিষ্ট্যের একটি অ্যারে প্রদান করে। এই বৈশিষ্ট্যগুলির মধ্যে, CSS পাঠ্য সজ্জা একটি ওয়েবসাইটের সামগ্রিক আবেদন এবং ব্যবহারকারীর অভিজ্ঞতায় অবদান রেখে পাঠ্য বিষয়বস্তুতে ভিজ্যুয়াল উপাদান এবং অর্থ যোগ করার একটি বহুমুখী উপায় হিসাবে দাঁড়িয়েছে। CSS টেক্সট ডেকোরেশন (CSS Text Decoration) poperty গুলি হল। পাঠ্য সজ্জা পাঠ্য বিষয়বস্তু হাইলাইট বা জোর দেওয়ার জন্য একটি ভিজ্যুয়াল কিউ হিসাবে কাজ করে। আন্ডারলাইনিং, উদাহরণস্বরূপ, প্রায়ই হাইপারলিঙ্কগুলির জন্য ব্যবহার করা
- [CSS টেক্সট অ্যালাইনমেন্ট (CSS Text Alignment) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-%e0%a6%9f%e0%a7%87%e0%a6%95%e0%a7%8d%e0%a6%b8%e0%a6%9f-%e0%a6%85%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%b2%e0%a6%be%e0%a6%87%e0%a6%a8%e0%a6%ae%e0%a7%87%e0%a6%a8%e0%a7%8d%e0%a6%9f-css-text-alignment/): CSS টেক্সট অ্যালাইনমেন্ট (CSS Text Alignment) [বাংলায় CSS মাস্টার ক্লাস]: ওয়েব ডিজাইনের ক্রমবর্ধমান ল্যান্ডস্কেপে, টেক্সট বসানো বিষয়বস্তু প্রদানের ক্ষেত্রে একটি গুরুত্বপূর্ণ ভূমিকা রাখে যা আকর্ষণীয় এবং অ্যাক্সেসযোগ্য উভয়ই। CSS (ক্যাসকেডিং স্টাইল শীট) হল একটি সৃজনশীল অস্ত্রাগার যা ওয়েব বিকাশকারীরা পরিচালনা করে, ওয়েব পৃষ্ঠাগুলির মধ্যে পাঠ্য উপাদানগুলির প্রান্তিককরণ এবং অবস্থান নিয়ন্ত্রণ করার ক্ষমতা প্রদান করে। CSS টেক্সট অ্যালাইনমেন্ট প্রপার্টি, এই টুলকিটের একটি অবিচ্ছেদ্য অংশ, ওয়েব কন্টেন্টের লেআউট এবং ভিজ্যুয়াল হায়ারার্কি গঠনে একটি গুরুত্বপূর্ণ ভূমিকা পালন করে। CSS টেক্সট অ্যালাইনমেন্ট তার ধারণকারী উপাদানের মধ্যে পাঠ্যের সুনির্দিষ্ট অবস্থানকে অন্তর্ভুক্ত করে। এটি নির্ধারণ করে যে পাঠ্যটিকে কেন্দ্রীভূত করা উচিত, বাম বা ডানে সারিবদ্ধ করা
- [CSS পাঠ্য রঙ(CSS Text color) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-%e0%a6%aa%e0%a6%be%e0%a6%a0%e0%a7%8d%e0%a6%af-%e0%a6%b0%e0%a6%99css-text-color-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af%e0%a6%bc-css-%e0%a6%ae%e0%a6%be%e0%a6%b8%e0%a7%8d%e0%a6%9f/): CSS পাঠ্য রঙ(CSS Text color) [বাংলায় CSS মাস্টার ক্লাস]: CSS (ক্যাসকেডিং স্টাইল শীট) ওয়েব ডেভেলপারদেরকে একটি ওয়েবসাইটের রঙ প্যালেটকে সতর্কতার সাথে কিউরেট করার ক্ষমতা দেয়, যাতে অভিব্যক্তিপূর্ণ, পঠনযোগ্য এবং আকর্ষক বিষয়বস্তু তৈরি করা যায়। CSS টেক্সট কালার প্রপার্টি হল একটি অত্যাবশ্যক টুল যা ওয়েব পেজগুলির ভিজ্যুয়াল আবেদন জানাতে কেন্দ্রীয় ভূমিকা পালন করে। টেক্সট রঙ আবেগ প্রকাশ করার জন্য এবং একটি ওয়েবপৃষ্ঠার টোন সেট করার জন্য একটি শক্তিশালী মাধ্যম। লাল বা কমলার মতো উষ্ণ, প্রাণবন্ত রঙগুলি উত্তেজনা এবং জরুরিতা জাগাতে পারে, যখন নীল বা সবুজের মতো শীতল রঙগুলি প্রায়শই প্রশান্তি এবং বিশ্বাস জাগায়।নান্দনিকতার বাইরে, পাঠ্যের রঙ সরাসরি পাঠযোগ্যতাকে প্রভাবিত করে। বিষয়বস্তু
- [CSS প্যাডিং(CSS Padding) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-%e0%a6%aa%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%a1%e0%a6%bf%e0%a6%82css-padding-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af%e0%a6%bc-css-%e0%a6%ae%e0%a6%be%e0%a6%b8%e0%a7%8d%e0%a6%9f/): CSS প্যাডিং(CSS Padding) [বাংলায় CSS মাস্টার ক্লাস]: CSS একটি উপাদানের প্রতিটি পাশের জন্য প্যাডিং বৈশিষ্ট্য প্রদান করে: প্যাডিং-টপ, প্যাডিং-ডান, প্যাডিং-নিচ এবং প্যাডিং-বাম। এই বৈশিষ্ট্যগুলি বিকাশকারীদের স্বাধীনভাবে পৃথক পক্ষের জন্য প্যাডিং সেট করার অনুমতি দেয়, একটি উপাদানের বিষয়বস্তু এলাকায় সূক্ষ্ম-সুরক্ষিত নিয়ন্ত্রণ প্রদান করে। ওয়েব ডিজাইনের ক্ষেত্রে, সূক্ষ্মতা এবং নান্দনিকতা দৃশ্যত মনোমুগ্ধকর এবং ব্যবহারকারী-বান্ধব ওয়েবসাইটগুলি তৈরি করার মূল চাবিকাঠি ধরে রাখে। CSS (ক্যাসকেডিং স্টাইল শীট) একটি শক্তিশালী টুল যা ওয়েব ডেভেলপারদের ওয়েব উপাদানগুলির বিন্যাস, ব্যবধান এবং চেহারা নিয়ন্ত্রণ করতে সক্ষম করে। এই নিয়ন্ত্রণের কেন্দ্রবিন্দুতে রয়েছে CSS প্যাডিং, একটি মৌলিক সম্পত্তি যা একটি ওয়েবপৃষ্ঠার বিষয়বস্তু এবং ভিজ্যুয়াল উপস্থাপনাকে আকার দেয়। একটি উপাদানের বিষয়বস্তু
- [CSS মার্জিন (CSS Margins) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-%e0%a6%ae%e0%a6%be%e0%a6%b0%e0%a7%8d%e0%a6%9c%e0%a6%bf%e0%a6%a8-css-margins-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af%e0%a6%bc-css-%e0%a6%ae%e0%a6%be%e0%a6%b8%e0%a7%8d%e0%a6%9f/): CSS মার্জিন (CSS Margins) [বাংলায় CSS মাস্টার ক্লাস]: মার্জিন হল একটি উপাদানের বাইরের চারপাশের শূন্যস্থান। তারা একটি উপাদানের সীমানা এবং প্রতিবেশী উপাদানগুলির মধ্যে দূরত্ব বা এটির উপাদানের সীমানা নির্ধারণ করে। CSS একটি উপাদানের প্রতিটি দিকের জন্য মার্জিন বৈশিষ্ট্য প্রদান করে: মার্জিন-টপ, মার্জিন-ডান, মার্জিন-নিচ এবং মার্জিন-বাম (margin-top, margin-right, margin-bottom, margin-left)। এই বৈশিষ্ট্যগুলি বিকাশকারীদের স্বাধীনভাবে পৃথক পক্ষের জন্য মার্জিন সেট করার অনুমতি দেয়, লেআউটের উপর সূক্ষ্ম-দানাযুক্ত নিয়ন্ত্রণ প্রদান করে। উপাদানগুলির মধ্যে স্থান এবং বিচ্ছেদ তৈরির জন্য মার্জিনগুলি গুরুত্বপূর্ণ৷ তারা দৃশ্যমান শ্বাস-প্রশ্বাসের কক্ষ স্থাপন করে, যাতে বিষয়বস্তু আরও পাঠযোগ্য এবং নান্দনিকভাবে আনন্দদায়ক হতে পারে। পর্যাপ্ত মার্জিন বিশৃঙ্খলা এড়াতে এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত করতেও
- [CSS গোলাকার সীমানা ( CSS Rounded Borders) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-rounded-borders-css-%e0%a6%97%e0%a7%8b%e0%a6%b2%e0%a6%be%e0%a6%95%e0%a6%be%e0%a6%b0-%e0%a6%b8%e0%a7%80%e0%a6%ae%e0%a6%be%e0%a6%a8%e0%a6%be-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af/): CSS Rounded Borders (CSS গোলাকার সীমানা) [বাংলায় CSS মাস্টার ক্লাস]: বৃত্তাকার সীমানা তৈরির জন্য দায়ী প্রাথমিক CSS বৈশিষ্ট্য হল বর্ডার-ব্যাসার্ধ। এই বৈশিষ্ট্যটি ওয়েব ডেভেলপারদের একটি উপাদানের কোণগুলির বক্রতা সংজ্ঞায়িত করতে দেয়। পিক্সেল, শতাংশ বা ইএমএসে (pixels, percentages, or ems) মান নির্দিষ্ট করে, আপনি বৃত্তাকার কোণগুলি সম্পূর্ণ বৃত্ত পর্যন্ত মান নির্দিষ্ট করে দিতে পারেন। ওয়েব ডিজাইনের ক্ষেত্রে, নান্দনিকতা এবং ব্যবহারকারীর অভিজ্ঞতা প্রায়শই একসাথে যায়। CSS (ক্যাসকেডিং স্টাইল শীট) ডিজাইনারদের দৃশ্যমান আকর্ষণীয় এবং ব্যবহারকারী-বান্ধব ওয়েবসাইট তৈরি করার জন্য সরঞ্জামগুলির একটি অ্যারে সরবরাহ করে। এই সরঞ্জামগুলির মধ্যে, গোলাকার সীমানা তৈরি করার ক্ষমতা ওয়েব উপাদানগুলির প্রান্তগুলিকে নরম করার এবং একটি ওয়েব পৃষ্ঠার সামগ্রিক চেহারা
- [CSS শর্টহ্যান্ড বর্ডার সম্পত্তি (CSS Shorthand Border Property) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-%e0%a6%b6%e0%a6%b0%e0%a7%8d%e0%a6%9f%e0%a6%b9%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%a8%e0%a7%8d%e0%a6%a1-%e0%a6%ac%e0%a6%b0%e0%a7%8d%e0%a6%a1%e0%a6%be%e0%a6%b0-%e0%a6%b8%e0%a6%ae%e0%a7%8d%e0%a6%aa/): CSS শর্টহ্যান্ড বর্ডার সম্পত্তি (CSS Shorthand Border Property) [বাংলায় CSS মাস্টার ক্লাস]: ওয়েব ডিজাইনের জগতে, দক্ষতা এবং সরলতা অত্যন্ত গুরুত্বপূর্ণ বৈশিষ্ট্য। CSS (ক্যাসকেডিং স্টাইল শীট) ওয়েবসাইটের নান্দনিকতা এবং কার্যকারিতা বাড়ানোর জন্য ওয়েব ডেভেলপারদের একটি বিশাল টুলবক্স দিয়ে সজ্জিত করে। এই টুলগুলির মধ্যে, CSS শর্টহ্যান্ড বর্ডার প্রপার্টি শৈলী ঘোষণাকে স্ট্রিমলাইন করার জন্য এবং পরিষ্কার, সংক্ষিপ্ত কোড অর্জনের জন্য একটি অমূল্য সম্পদ হিসাবে দাঁড়িয়ে আছে। CSS শর্টহ্যান্ড বর্ডার প্রপার্টি একটি সংক্ষিপ্ত ঘোষণায় চারটি পৃথক সীমানা বৈশিষ্ট্যকে একত্রিত করে। এই চারটি বৈশিষ্ট্য হল সীমানা-প্রস্থ (border-width), বর্ডার-স্টাইল (border-style), বর্ডার-রং (border-color) এবং বর্ডার-ব্যাসার্ধ (border-radius)। শর্টহ্যান্ড প্রপার্টি ব্যবহার করে, আপনি এই সমস্ত মানগুলিকে কোডের একটি লাইন
- [CSS বর্ডার সাইডস (CSS Border Sides) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-%e0%a6%ac%e0%a6%b0%e0%a7%8d%e0%a6%a1%e0%a6%be%e0%a6%b0-%e0%a6%b8%e0%a6%be%e0%a6%87%e0%a6%a1%e0%a6%b8-css-border-sides-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af%e0%a6%bc-css/): CSS বর্ডার সাইডস (CSS Border Sides) [বাংলায় CSS মাস্টার ক্লাস]: ওয়েব ডিজাইনের ক্ষেত্রে, দৃশ্যত চিত্তাকর্ষক এবং user friendly ওয়েবসাইট তৈরি করার জন্য বিশদ বিবরণের প্রতি নির্ভুলতা এবং মনোযোগ গুরুত্বপূর্ণ। CSS (ক্যাসকেডিং স্টাইল শীট) সীমানা দিকগুলির হেরফের মাধ্যমে এই স্তরের সূক্ষ্মতা অর্জনের জন্য একটি শক্তিশালী হাতিয়ার সরবরাহ করে। CSS বর্ডার-সাইড প্রপার্টি ব্যবহার করে, ওয়েব ডেভেলপাররা স্বতন্ত্র সীমানা কাস্টমাইজ করতে পারে, অনন্য ভিজ্যুয়াল ইফেক্ট তৈরি করতে পারে এবং সামগ্রিক নান্দনিকতা বাড়াতে পারে। CSS প্রতিটি বর্ডার সাইডের জন্য আলাদা বৈশিষ্ট্য প্রদান করে—উপর, ডান, নীচে এবং বাম। এই বৈশিষ্ট্যগুলির মধ্যে রয়েছে বর্ডার-টপ(border-top), বর্ডার-ডান (border-right), বর্ডার-নিচ (border-bottom) এবং বর্ডার-বাম (border-left)। বিকাশকারীরা স্বাধীনভাবে প্রতিটি পাশের সীমানার
- [CSS বর্ডার রঙ (CSS Border Color) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-%e0%a6%ac%e0%a6%b0%e0%a7%8d%e0%a6%a1%e0%a6%be%e0%a6%b0-%e0%a6%b0%e0%a6%99-css-border-color-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af%e0%a6%bc-css-%e0%a6%ae%e0%a6%be%e0%a6%b8/): CSS বর্ডার রঙ (CSS Border Color) [বাংলায় CSS মাস্টার ক্লাস]: ওয়েব ডিজাইনের জগতে, CSS (ক্যাসকেডিং স্টাইল শীট) এর সুচিন্তিত ব্যবহার দৃশ্যত আকর্ষণীয় এবং আকর্ষক ওয়েবসাইট তৈরির জন্য সর্বোত্তম। ওয়েব ডেভেলপারের সিএসএস টুলকিটের অনেকগুলো টুলের মধ্যে বর্ডার-কালার প্রপার্টি, যা HTML এলিমেন্টের চেহারা ও অনুভূতি নির্ধারণে গুরুত্বপূর্ণ ভূমিকা পালন করে। বর্ডার-কালার প্রপার্টি ডেভেলপারদের একটি উপাদানের সীমানার রঙ কাস্টমাইজ করে দেয়। কীওয়ার্ড, হেক্সাডেসিমেল কোড, RGB, বা HSL মান ব্যবহার করে রঙের মান নির্দিষ্ট করে, ডিজাইনাররা একটি ওয়েবসাইটের সামগ্রিক ভিজ্যুয়াল থিমের সাথে সারিবদ্ধ সীমানা তৈরি করতে পারে। আপনার যদি একটি উপাদানের নির্দিষ্ট দিকের জন্য বিভিন্ন রঙের প্রয়োজন হয়, আপনি বর্ডার-টপ-কালার, বর্ডার-ডান-কালার, বর্ডার-বটম-কালার এবং বর্ডার-বাম-রঙের
- [CSS বর্ডার প্রস্থ (CSS Border Width) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-%e0%a6%ac%e0%a6%b0%e0%a7%8d%e0%a6%a1%e0%a6%be%e0%a6%b0-%e0%a6%aa%e0%a7%8d%e0%a6%b0%e0%a6%b8%e0%a7%8d%e0%a6%a5-css-border-width-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af%e0%a6%bc-cs/): CSS বর্ডার প্রস্থ (CSS Border Width) [বাংলায় CSS মাস্টার ক্লাস]: ওয়েব ডিজাইনের ক্ষেত্রে, বিশদ বিষয়, এবং CSS বর্ডার বৈশিষ্ট্যগুলি HTML উপাদানগুলির উপস্থিতি সূক্ষ্ম-টিউন করার জন্য বিস্তৃত সরঞ্জাম সরবরাহ করে। সীমানাগুলির একটি মৌলিক দিক হল সীমানা-প্রস্থ সম্পত্তি ব্যবহার করে তাদের প্রস্থ নিয়ন্ত্রণ করা। এই আপাতদৃষ্টিতে সহজ বৈশিষ্ট্যটি একটি ওয়েবপেজে উপাদানগুলির ভিজ্যুয়াল শৈলী এবং কাঠামো সংজ্ঞায়িত করার ক্ষেত্রে একটি গুরুত্বপূর্ণ ভূমিকা পালন করে। সীমানা বেধ সংজ্ঞায়িত করা (Border Thickness): সীমানা-প্রস্থ বৈশিষ্ট্য ডেভেলপারদের একটি উপাদানের সীমানার বেধ (border-width) নির্দিষ্ট করার অনুমতি দেয়। আপনি বিভিন্ন ইউনিট ব্যবহার করে প্রস্থ সেট করতে পারেন, যেমন পিক্সেল (“px”), ইএমএস (“em”), বা শতাংশ (%), যা আপনাকে সীমানার আকারের
- [CSS বর্ডার (CSS Borders) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-%e0%a6%ac%e0%a6%b0%e0%a7%8d%e0%a6%a1%e0%a6%be%e0%a6%b0-css-borders-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af%e0%a6%bc-css-%e0%a6%ae%e0%a6%be%e0%a6%b8%e0%a7%8d%e0%a6%9f%e0%a6%be/): CSS বর্ডার (CSS Borders) [বাংলায় CSS মাস্টার ক্লাস]: বর্ডার ব্যবহার একটি শক্তিশালী টুল যা ডেভেলপারদের এইচটিএমএল উপাদানে গঠনে সাহায্য করে। বিভিন্ন ধরনের Property আছে নিচে তা আলোচনা করা হল। dotted, dashed, solid, double, groove, ridge, inset, outset, none, hidden ইত্যাদি। বর্ডার প্রপার্টি: CSS বর্ডার-প্রস্থ, বর্ডার-স্টাইল এবং বর্ডার-কালার সহ বেশ কিছু বর্ডার প্রোপার্টি প্রদান করে। এই বৈশিষ্ট্যগুলি আপনাকে একটি উপাদানের চারপাশে সীমানার প্রস্থ, শৈলী (যেমন সলিড, ড্যাশড বা ডটেড) এবং রঙ নিয়ন্ত্রণ করতে দেয়। বিস্তৃত সীমানা প্রভাব তৈরি করতে আপনি এই বৈশিষ্ট্যগুলিকে একত্রিত করতে পারেন। গোলাকার কোণ ( Rounded Corners): সীমানা-ব্যাসার্ধ বৈশিষ্ট্য আপনাকে উপাদানগুলির কোণগুলিকে বৃত্তাকার করতে সক্ষম করে। এই বৈশিষ্ট্যটি
- [CSS পটভূমি বৈশিষ্ট্য (CSS background properties) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-%e0%a6%aa%e0%a6%9f%e0%a6%ad%e0%a7%82%e0%a6%ae%e0%a6%bf-%e0%a6%ac%e0%a7%88%e0%a6%b6%e0%a6%bf%e0%a6%b7%e0%a7%8d%e0%a6%9f%e0%a7%8d%e0%a6%af-css-background-properties-%e0%a6%ac%e0%a6%be%e0%a6%82/): CSS পটভূমি বৈশিষ্ট্য (CSS background properties) [বাংলায় CSS মাস্টার ক্লাস]: Background-color: এই বৈশিষ্ট্যটি একটি উপাদানের পটভূমির রঙ সেট করে। কীওয়ার্ড বা হেক্সাডেসিমেল মান ব্যবহার করে একটি রঙ নির্দিষ্ট করে, আপনি প্রাণবন্ত ব্যাকগ্রাউন্ড তৈরি করতে পারেন যা আপনার সামগ্রিক নকশার পরিপূরক। এটি একটি উপাদানে একটি পটভূমি যোগ করার সবচেয়ে সহজ উপায় এবং এটি নিজে থেকে বা অন্যান্য ব্যাকগ্রাউন্ড বৈশিষ্ট্যের সাথে একত্রে ব্যবহার করা যেতে পারে। উদাহরনঃ background-color: aqua; ব্যাকগ্রাউন্ড-ইমেজ: আপনার ব্যাকগ্রাউন্ডগুলিকে পরবর্তী স্তরে নিয়ে যেতে, আপনি একটি উপাদানের পটভূমি হিসাবে একটি চিত্র প্রয়োগ করতে ব্যাকগ্রাউন্ড-ইমেজ বৈশিষ্ট্য ব্যবহার করতে পারেন। এটি আপনার ডিজাইনে টেক্সচার, প্যাটার্ন, গ্রেডিয়েন্ট বা এমনকি কাস্টম গ্রাফিক্স অন্তর্ভুক্ত করার
- [HTML এর বিভিন্ন টার্গেট ইলেমেন্ট। (Target _blank, _self, _parent, _top, etc.)](https://jhutanda.com/html-%e0%a6%8f%e0%a6%b0-%e0%a6%ac%e0%a6%bf%e0%a6%ad%e0%a6%bf%e0%a6%a8%e0%a7%8d%e0%a6%a8-%e0%a6%9f%e0%a6%be%e0%a6%b0%e0%a7%8d%e0%a6%97%e0%a7%87%e0%a6%9f-%e0%a6%87%e0%a6%b2%e0%a7%87%e0%a6%ae%e0%a7%87/): HTML এর বিভিন্ন টার্গেট ইলেমেন্ট। (Target _blank, _self, _parent, _top, etc.): HTML-এ, টার্গেট অ্যাট্রিবিউট একটি ওয়েব ব্রাউজারে কীভাবে লিঙ্ক এবং ফর্ম খোলা উচিত তা নির্দিষ্ট করার জন্য একটি মূল্যবান টুল। বেশ কিছু টার্গেট মান আছে, যার মধ্যে সবচেয়ে সাধারণ হল _blank, _self, _parent, এবং _top। আসুন তাদের প্রতিটিতে অনুসন্ধান করি: HTML এর বিভিন্ন টার্গেট ইলেমেন্ট। (Target _blank, _self, _parent, _top, etc.) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। টার্গেট URL কোথায় খুলবেন:_blank: টার্গেট URL একটি নতুন উইন্ডোতে খুলবে।_self: টার্গেট URL একই ফ্রেমে খুলবে যেভাবে এটি ক্লিক করা হয়েছিল।_parent: টার্গেট URLটি প্যারেন্ট ফ্রেমসেটে খুলবে।_top: টার্গেট ইউআরএল উইন্ডোর পুরো অংশে খুলবে। Target_blank,_self,_parent,_top, etc.
- [সিএসএস রং- RGB ( CSS Colors RGB ) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a6%b0%e0%a6%82-rgb-css-colors-rgb-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af%e0%a6%bc-css-%e0%a6%ae%e0%a6%be%e0%a6%b8/): সিএসএস রং- RGB ( CSS Colors RGB ) [বাংলায় CSS মাস্টার ক্লাস]ঃ CSS rgb() ফাংশন RGB (লাল, সবুজ, নীল) মডেল ব্যবহার করে রং সংজ্ঞায়িত করে। ফাংশন তিনটি পরামিতি গ্রহণ করে: লাল, সবুজ এবং নীল। প্রতিটি প্যারামিটার রঙের তীব্রতা সংজ্ঞায়িত করে এবং 0 থেকে 255 বা শতাংশের মান (0% থেকে 100% পর্যন্ত) এর মধ্যে একটি পূর্ণসংখ্যা হতে পারে। সিএসএস রং- RGB ( CSS Colors RGB ) [বাংলায় CSS মাস্টার ক্লাস] সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [সিএসএস রং- HSL ( CSS Colors HSL ) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a6%b0%e0%a6%82-hsl-css-colors-hsl-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af%e0%a6%bc-css-%e0%a6%ae%e0%a6%be%e0%a6%b8/): সিএসএস রং- HSL ( CSS Colors HSL ) [বাংলায় CSS মাস্টার ক্লাস]ঃ HSL মানে হিউ, স্যাচুরেশন এবং লাইটনেস। এটি রংগুলির একটি নলাকার-সমন্বয় উপস্থাপনা। CSS hsl() ফাংশন আপনাকে রঙের রঙ, স্যাচুরেশন এবং হালকা উপাদানগুলি নির্দিষ্ট করে একটি রঙের মান নির্দিষ্ট করতে দেয়। রঙ, স্যাচুরেশন, হালকাতা এবং স্বচ্ছতা নিয়ন্ত্রণ করে। এইচএসএল আরজিবি কালার কোডের মতোই ফরম্যাট করা হয়ে থাকে। (Example: hsl(10, 50%, 60%)) [“hsl(hue, saturation, lightness)”]। সিএসএস রং- HSL ( CSS Colors HSL ) [বাংলায় CSS মাস্টার ক্লাস] সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [সিএসএস রং- Hex ( CSS Colors Hex ) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a6%b0%e0%a6%82-hex-css-colors-hex-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af%e0%a6%bc-css-%e0%a6%ae%e0%a6%be%e0%a6%b8/): সিএসএস রং- Hex ( CSS Colors Hex ) [বাংলায় CSS মাস্টার ক্লাস]: CSS-এ, হেক্সাডেসিমেল (হেক্স) মান হল রঙ নির্দিষ্ট করার সবচেয়ে সাধারণ উপায়। হেক্স মান RGB মান উপস্থাপন করার একটি ভিন্ন উপায়। হেক্স মানগুলি ছয় অঙ্কের লম্বা, প্রতিটি জোড়া দুটি সংখ্যা লাল, সবুজ এবং নীল প্রতিনিধিত্ব করে। প্যাটার্নটি #RRGGBB এর মত দেখতে হয় । রঙের একটি ছয়-সংখ্যার উপস্থাপনা। এটি 0 থেকে F পর্যন্ত ছয়টি অক্ষর দ্বারা অনুসরণ করা # চিহ্ন দ্বারা চিহ্নিত করা হয়। (Example: #ff6347) সিএসএস রং- Hex ( CSS Colors Hex ) [বাংলায় CSS মাস্টার ক্লাস] সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [CSS মূল বিষয়গুলি কি কি? CSS এর বিষয়গুলি আলোচনা করা হল।](https://jhutanda.com/css-%e0%a6%ae%e0%a7%82%e0%a6%b2-%e0%a6%ac%e0%a6%bf%e0%a6%b7%e0%a6%af%e0%a6%bc%e0%a6%97%e0%a7%81%e0%a6%b2%e0%a6%bf-%e0%a6%95%e0%a6%bf-%e0%a6%95%e0%a6%bf-css-%e0%a6%8f%e0%a6%b0-%e0%a6%ac%e0%a6%bf/): CSS মূল বিষয়গুলি কি কি? CSS এর বিষয়গুলি আলোচনা করা হল : CSS, বা ক্যাসকেডিং স্টাইল শীট, ওয়েব ডেভেলপমেন্টের জন্য একটি মৌলিক প্রযুক্তি, যা ওয়েব পৃষ্ঠাগুলির ভিজ্যুয়াল উপস্থাপনা এবং বিন্যাসের জন্য দায়ী। এটি বিভিন্ন ডিভাইস এবং স্ক্রিনের আকার জুড়ে HTML উপাদানগুলির উপস্থিতি নিয়ন্ত্রণ করার একটি কাঠামোগত উপায় প্রদান করে৷ নির্বাচক এবং বৈশিষ্ট্য(Selectors and Properties): নির্বাচকরা আপনাকে নির্দিষ্ট HTML উপাদানগুলিকে লক্ষ্য করার অনুমতি দেয়, যখন বৈশিষ্ট্যগুলি সেই উপাদানগুলিতে প্রয়োগ করা শৈলীর নিয়মগুলিকে সংজ্ঞায়িত করে৷ একটি ওয়েবপৃষ্ঠার পছন্দসই চেহারা এবং অনুভূতি তৈরি করার জন্য কীভাবে নির্বাচক এবং বৈশিষ্ট্যগুলি কার্যকরভাবে ব্যবহার করতে হয় তা বোঝা অত্যন্ত গুরুত্বপূর্ণ৷ লেআউট এবং বক্স মডেল: সিএসএস বক্স
- [সিএসএস রং- ( CSS Colors ) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a6%b0%e0%a6%82-css-colors-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af%e0%a6%bc-css-%e0%a6%ae%e0%a6%be%e0%a6%b8%e0%a7%8d/): সিএসএস রং- ( CSS Colors ) [বাংলায় CSS মাস্টার ক্লাস]: আপনি আপনার CSS কোডের বিভিন্ন ধারনের রঙ দিয়ে আপনার টেক্সট কিংবা পেজ সাজাতে পারেন। বিভিন্ন ধরনের রঙ আছে এর মধ্যে HSL, RGBA, Hexadecimal, HSLA এগুলি আমরা ব্যবহার করে থাকি। সিএসএস রং- ( CSS Colors ) [বাংলায় CSS মাস্টার ক্লাস] সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [CSS মন্তব্য- ( CSS Comments ) [বাংলায় CSS মাস্টার ক্লাস]](https://jhutanda.com/css-%e0%a6%ae%e0%a6%a8%e0%a7%8d%e0%a6%a4%e0%a6%ac%e0%a7%8d%e0%a6%af-css-comments-%e0%a6%ac%e0%a6%be%e0%a6%82%e0%a6%b2%e0%a6%be%e0%a6%af%e0%a6%bc-css-%e0%a6%ae%e0%a6%be%e0%a6%b8%e0%a7%8d%e0%a6%9f/): CSS মন্তব্য- ( CSS Comments ) [বাংলায় CSS মাস্টার ক্লাস]: CSS এ মন্তব্য যোগ করতে, যে সব চিহ্ন ব্যবহার করা হয় সেগুলি হল: CSS-এ মন্তব্যগুলি ব্রাউজার দ্বারা উপেক্ষা করা হয় এবং সামনের প্রান্তে শৈলীগুলি কীভাবে রেন্ডার করা হয় তার উপর কোনও প্রভাব নেই৷ CSS মন্তব্য- ( CSS Comments ) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML লাইন ব্রেক সুযোগ উপাদান (The HTML Line Break Opportunity element)](https://jhutanda.com/html-%e0%a6%b2%e0%a6%be%e0%a6%87%e0%a6%a8-%e0%a6%ac%e0%a7%8d%e0%a6%b0%e0%a7%87%e0%a6%95-%e0%a6%b8%e0%a7%81%e0%a6%af%e0%a7%8b%e0%a6%97-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-l/): <wbr>: HTML লাইন ব্রেক সুযোগ উপাদান (The HTML Line Break Opportunity element)। HTML এ <wbr> ট্যাগটি শব্দ বিরতির সুযোগকে বোঝায় এবং এটি পাঠ্যের মধ্যে অবস্থান নির্ধারণ করতে ব্যবহৃত হয় যা ব্রাউজার দ্বারা একটি লাইন বিরতি হিসাবে বিবেচিত হয়। এটি বেশিরভাগ ব্যবহৃত হয় যখন ব্যবহৃত শব্দটি খুব দীর্ঘ হয় এবং টেক্সট ফিট করার জন্য ব্রাউজারটি ভুল জায়গায় লাইন ভেঙ্গে যাওয়ার সম্ভাবনা থাকে। HTML এ <wbr> উপাদানটি একটি শব্দ বিরতির সুযোগ নির্দেশ করে। ব্রাউজার কোন শব্দ ভাঙ্গতে পারে তা নির্দিষ্ট করে। এটি প্যাড এবং ফোনের মতো ছোট আকারের উপাদানগুলিতে প্রতিক্রিয়াশীল পাঠ্য তৈরি করতে সহায়তা করে। <wbr> উপাদানটি HTML5 এ প্রবর্তিত হয়েছিল। এটি
- [HTML ভিডিও এম্বেড উপাদান (The HTML Video Embed element)](https://jhutanda.com/html-%e0%a6%ad%e0%a6%bf%e0%a6%a1%e0%a6%bf%e0%a6%93-%e0%a6%8f%e0%a6%ae%e0%a7%8d%e0%a6%ac%e0%a7%87%e0%a6%a1-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-video-embed-element/): <video>: HTML ভিডিও এম্বেড উপাদান (The HTML Video Embed element)। HTML এ <video> উপাদানটি একটি মিডিয়া প্লেয়ারকে এম্বেড করে যা ভিডিও প্লেব্যাক সমর্থন করে। এটিতে এক বা একাধিক ভিডিও উত্স থাকতে পারে, যা src বৈশিষ্ট্য বা উত্স উপাদান ব্যবহার করে উপস্থাপন করা হয়৷ <video> উপাদানটি সমস্ত আধুনিক ব্রাউজার দ্বারা সমর্থিত। <video> উপাদানটির নিম্নলিখিত বৈশিষ্ট্য রয়েছে: autoplay, controls, height, loop, muted, poster, preload, src, width ইত্যাদি ইত্যাদি। এইচটিএমএল তিনটি ভিডিও ফরম্যাট সমর্থন করে: MP4, WebM, and OGG ইত্যাদি। HTML ভিডিও এম্বেড উপাদান (The HTML Video Embed element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example: Example:2 Full Code:
- [HTML পরিবর্তনশীল উপাদান (The HTML Variable element)](https://jhutanda.com/html-%e0%a6%aa%e0%a6%b0%e0%a6%bf%e0%a6%ac%e0%a6%b0%e0%a7%8d%e0%a6%a4%e0%a6%a8%e0%a6%b6%e0%a7%80%e0%a6%b2-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-variable-element/): <var>: HTML পরিবর্তনশীল উপাদান (The HTML Variable element)। HTML এ <var> উপাদানটি একটি পাঠ্যকে একটি পরিবর্তনশীল হিসাবে সংজ্ঞায়িত করে। এটি প্রোগ্রামিং বা গাণিতিক অভিব্যক্তিতে একটি পরিবর্তনশীল চিহ্নিত করতে ব্যবহৃত হয়। <var> উপাদানে আবদ্ধ পাঠ্য সাধারণত তির্যক আকারে প্রদর্শিত হয়। <var> উপাদান সমস্ত গ্লোবাল অ্যাট্রিবিউট এবং ইভেন্ট অ্যাট্রিবিউট সমর্থন করে। এটি অবহেলিত নয়, তবে CSS ব্যবহার করে আরও সমৃদ্ধ প্রভাব অর্জন করা সম্ভব। <var> উপাদানটি সাধারণত বর্তমান টাইপফেসের একটি তির্যক সংস্করণ ব্যবহার করে উপস্থাপন করা হয়। HTML পরিবর্তনশীল উপাদান (The HTML Variable element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [এইচটিএমএল ক্রমহীন তালিকা উপাদান (The HTML Unordered List element)](https://jhutanda.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%95%e0%a7%8d%e0%a6%b0%e0%a6%ae%e0%a6%b9%e0%a7%80%e0%a6%a8-%e0%a6%a4%e0%a6%be%e0%a6%b2%e0%a6%bf%e0%a6%95%e0%a6%be/): <ul>: এইচটিএমএল ক্রমহীন তালিকা উপাদান (The HTML Unordered List element)। HTML এ <ul> উপাদানটি আইটেমগুলির একটি ক্রমবিহীন তালিকা উপস্থাপন করে। একটি ক্রমবিন্যস্ত তালিকা এমন একটি তালিকা যেখানে আইটেমগুলির ক্রম পরিবর্তন করা তালিকার অর্থ পরিবর্তন করবে না। <ul> উপাদানটি সাধারণত একটি বুলেটেড তালিকা হিসাবে রেন্ডার করা হয়। <ul> উপাদানটির একটি খোলা এবং বন্ধ করার ট্যাগ প্রয়োজন। তালিকার আইটেমগুলি হল উল উপাদানের <li> এলিমেন্ট চাইল্ড নোড। এইচটিএমএল ক্রমহীন তালিকা উপাদান (The HTML Unordered List element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:1 Example:2 Full Code:
- [HTML Unarticulated টীকা (আন্ডারলাইন) উপাদান (The HTML Unarticulated Annotation (Underline) element)](https://jhutanda.com/html-unarticulated-%e0%a6%9f%e0%a7%80%e0%a6%95%e0%a6%be-%e0%a6%86%e0%a6%a8%e0%a7%8d%e0%a6%a1%e0%a6%be%e0%a6%b0%e0%a6%b2%e0%a6%be%e0%a6%87%e0%a6%a8-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be/): <u>: HTML Unarticulated টীকা (আন্ডারলাইন) উপাদান (The HTML Unarticulated Annotation (Underline) element)। <u> উপাদানটি মূলত পাঠ্য সনাক্ত করতে ব্যবহৃত হয়। উপাদানটি HTML 4.01-এ অবমূল্যায়িত করা হয়েছিল, কিন্তু HTML5-এ এটি পাঠ্যের প্রতিনিধিত্ব করার জন্য পুনঃসংজ্ঞায়িত করা হয়েছিল। <u> HTML উপাদানটি ইনলাইন পাঠ্যের একটি স্প্যানকে উপস্থাপন করে যা এমনভাবে রেন্ডার করা উচিত যা নির্দেশ করে যে এটিতে একটি নন-টেক্সচুয়াল টীকা রয়েছে। এটি ডিফল্টরূপে একটি সাধারণ কঠিন আন্ডারলাইন হিসাবে রেন্ডার করা হয়, তবে CSS ব্যবহার করে পরিবর্তন করা যেতে পারে। HTML Unarticulated টীকা (আন্ডারলাইন) উপাদান (The HTML Unarticulated Annotation (Underline) element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML এম্বেড টেক্সট ট্র্যাক উপাদান (The HTML Embed Text Track element)](https://jhutanda.com/html-%e0%a6%8f%e0%a6%ae%e0%a7%8d%e0%a6%ac%e0%a7%87%e0%a6%a1-%e0%a6%9f%e0%a7%87%e0%a6%95%e0%a7%8d%e0%a6%b8%e0%a6%9f-%e0%a6%9f%e0%a7%8d%e0%a6%b0%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%95-%e0%a6%89%e0%a6%aa/): <track>: HTML এম্বেড টেক্সট ট্র্যাক উপাদান (The HTML Embed Text Track element)। HTML-এর <track> উপাদানটি ভিডিও বা অডিও এলিমেন্টে একটি নির্দিষ্ট সময়ে পাঠ্য যোগ করে। এটি ক্যাপশন, শিরোনাম, বর্ণনা, অধ্যায়, মেটাডেটা যোগ করতে ব্যবহার করা যেতে পারে। <track> উপাদানটি অডিও বা ভিডিও উপাদানগুলির একটি শিশু উপাদান হিসাবে ব্যবহৃত হয়। ট্র্যাক যে ধরনের ডেটা মিডিয়াতে যোগ করে সেই ধরনের অ্যাট্রিবিউটে সেট করা হয়। ট্র্যাকগুলি WebVTT (. vtt files) ফর্ম্যাটে ফর্ম্যাট করা হয়৷ <track> উপাদানটি নিশ্চিত করে যে সমস্ত ব্যবহারকারীরা তাদের ভাষা বা কোনো শারীরিক সীমাবদ্ধতা নির্বিশেষে অডিও এবং ভিডিও ফাইলগুলিতে উপস্থাপিত সামগ্রীতে অ্যাক্সেস পেতে পারে। HTML এম্বেড টেক্সট ট্র্যাক উপাদান (The
- [HTML টেবিল সারি উপাদান (The HTML Table Row element)](https://jhutanda.com/html-%e0%a6%9f%e0%a7%87%e0%a6%ac%e0%a6%bf%e0%a6%b2-%e0%a6%b8%e0%a6%be%e0%a6%b0%e0%a6%bf-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-table-row-element/): <tr>: HTML টেবিল সারি উপাদান (The HTML Table Row element)। HTML-এর <tr> উপাদানটি একটি টেবিলে ঘরের একটি সারি সংজ্ঞায়িত করে। <tr> উপাদানটি একটি <table> উপাদানের একটি সরাসরি সন্তান হতে পারে বা পিতামাতার <thead>, <tfoot> বা <tbody> উপাদানের মধ্যে নেস্টেড হতে পারে। <tr> উপাদানটি <th> বা <td> মানগুলিকে টেবিলের শিরোনাম বা ডেটা মানগুলির একক সারিতে একত্রিত করতে ব্যবহার করা যেতে পারে। <tr> উপাদানটি সারির জন্য ঘরের বিষয়বস্তুর ডিফল্ট অনুভূমিক এবং উল্লম্ব প্রান্তিককরণও সেট করতে পারে। HTML টেবিল সারি উপাদান (The HTML Table Row element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML নথির শিরোনাম উপাদান (The HTML Document Title element)](https://jhutanda.com/html-%e0%a6%a8%e0%a6%a5%e0%a6%bf%e0%a6%b0-%e0%a6%b6%e0%a6%bf%e0%a6%b0%e0%a7%8b%e0%a6%a8%e0%a6%be%e0%a6%ae-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-document-title-element/): <title>: HTML নথির শিরোনাম উপাদান (The HTML Document Title element)। HTML এ <title> উপাদানটি একটি নথির শিরোনাম নির্ধারণ করে। শিরোনামটি ব্রাউজারের শিরোনাম বার বা পৃষ্ঠার ট্যাবে প্রদর্শিত হয়। একটি পৃষ্ঠা যুক্ত করার সময় শিরোনাম সেট করতেও এটি ব্যবহার করা হয়। শিরোনামটি ব্যবহারকারী এবং সার্চ ইঞ্জিন উভয়ের জন্যই সহায়ক। একটি লিঙ্কে ক্লিক করার আগে ব্যবহারকারীদের একটি পৃষ্ঠার বিষয়বস্তুর সঠিক এবং সংক্ষিপ্ত বিবরণ দেখতে একটি শিরোনাম প্রয়োজন। অনুসন্ধান ইঞ্জিনগুলি অনুসন্ধান ফলাফলে পৃষ্ঠাটি প্রদর্শন করতে শিরোনাম ব্যবহার করে। <title> উপাদানটিতে শুধুমাত্র পাঠ্য থাকে। উপাদানের মধ্যে ট্যাগ উপেক্ষা করা হয়। শিরোনাম আদর্শভাবে দৈর্ঘ্যে 64 অক্ষরের কম হওয়া উচিত। আপনাকে নিশ্চিত করতে হবে যে আপনার
- [HTML তারিখ/সময় উপাদান (The HTML Date/Time element)](https://jhutanda.com/html-%e0%a6%a4%e0%a6%be%e0%a6%b0%e0%a6%bf%e0%a6%96-%e0%a6%b8%e0%a6%ae%e0%a6%af%e0%a6%bc-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-date-time-element/): <time>: HTML তারিখ/সময় উপাদান (The HTML Date/Time element)। সময় উপাদানের জন্য ডিফল্ট বিন্যাস হল hh:mm:ss। তারিখ, মাস এবং বছরের সাথে বর্তমান সময় প্রদর্শন করতে datetime বৈশিষ্ট্য ব্যবহার করা যেতে পারে। <time> ট্যাগ একটি নির্দিষ্ট সময় (বা তারিখ সময়) সংজ্ঞায়িত করে। এই উপাদানটির datetime বৈশিষ্ট্যটি ব্যবহার করা হয় সময়টিকে একটি মেশিন-পঠনযোগ্য বিন্যাসে অনুবাদ করে যাতে ব্রাউজারগুলি ব্যবহারকারীর ক্যালেন্ডারের মাধ্যমে তারিখ অনুস্মারক যোগ করার প্রস্তাব দিতে পারে এবং অনুসন্ধান ইঞ্জিনগুলি আরও স্মার্ট অনুসন্ধান ফলাফল তৈরি করতে পারে। HTML তারিখ/সময় উপাদান (The HTML Date/Time element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML টেবিল প্রধান উপাদান (The HTML Table Head element)](https://jhutanda.com/html-%e0%a6%9f%e0%a7%87%e0%a6%ac%e0%a6%bf%e0%a6%b2-%e0%a6%aa%e0%a7%8d%e0%a6%b0%e0%a6%a7%e0%a6%be%e0%a6%a8-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-table-head-element/): <thead>: HTML টেবিল প্রধান উপাদান (The HTML Table Head element)। <thead> ট্যাগটি একটি HTML টেবিলে হেডার বিষয়বস্তু গ্রুপ করতে ব্যবহৃত হয়। <thead> উপাদানটি একটি টেবিলের প্রতিটি অংশ (শিরোনাম, বডি, ফুটার) নির্দিষ্ট করতে <tbody> এবং <tfoot> উপাদানগুলির সাথে ব্যবহার করা হয়। ব্রাউজারগুলি হেডার এবং ফুটার থেকে স্বাধীনভাবে টেবিলের বডি স্ক্রলিং সক্ষম করতে এই উপাদানগুলি ব্যবহার করতে পারে। এই ট্যাগ সধারানত প্রয়োজন হয় না। যদি টেবিলটি ডেটা উপস্থাপন করার জন্য ব্যবহার করা হয় তবে সেগুলি ব্যবহার করা ভাল ফর্ম হিসাবে বিবেচিত হয়, যার জন্য একটি টেবিল ব্যবহার করা উচিত। যদি কোনো সারণী বিষয়বস্তু সাজানোর জন্য ব্যবহার করা হয় তাহলে সেগুলো সাধারণত বাদ
- [এইচটিএমএল টেবিল হেডার উপাদান (The HTML Table Header element)](https://jhutanda.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%9f%e0%a7%87%e0%a6%ac%e0%a6%bf%e0%a6%b2-%e0%a6%b9%e0%a7%87%e0%a6%a1%e0%a6%be%e0%a6%b0-%e0%a6%89%e0%a6%aa/): <th>: এইচটিএমএল টেবিল হেডার উপাদান (The HTML Table Header element)। <th> ট্যাগ একটি HTML টেবিলে একটি হেডার সেলকে সংজ্ঞায়িত করে। একটি এইচটিএমএল টেবিলে দুই ধরনের সেল থাকে: হেডার সেল – হেডারের তথ্য ধারণ করে (<th> উপাদান দিয়ে তৈরি) ডেটা সেল – ডেটা রয়েছে (<td> উপাদান দিয়ে তৈরি) এইচটিএমএল টেবিল হেডার উপাদান (The HTML Table Header element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML টেবিল ফুট উপাদান (The HTML Table Foot element)](https://jhutanda.com/html-%e0%a6%9f%e0%a7%87%e0%a6%ac%e0%a6%bf%e0%a6%b2-%e0%a6%ab%e0%a7%81%e0%a6%9f-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-table-foot-element/): <tfoot>: HTML টেবিল ফুট উপাদান (The HTML Table Foot element)। HTML <tfoot> ট্যাগটি টেবিলে ফুটার যোগ করতে ব্যবহৃত হয়। এটি টেবিলের প্রতিটি অংশ নির্দিষ্ট করতে <thead> এবং <tbody> ট্যাগের সাথে ব্যবহার করা হয়। <tfoot> ট্যাগ হল <table> এর একটি চাইল্ড ট্যাগ এবং <tr> এবং <td> এর একটি প্যারেন্ট ট্যাগ। এটি অবশ্যই <table> উপাদানের ভিতরে ঘোষণা করতে হবে, <caption>, <colgroup> (যদি থাকে), এবং <thead> উপাদানগুলির পরে। HTML টেবিল ফুট উপাদান (The HTML Table Foot element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML Textarea উপাদান (The HTML Textarea element)](https://jhutanda.com/html-textarea-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-textarea-element/): <textarea>: HTML Textarea উপাদান (The HTML Textarea element)। HTML এ <textarea> ট্যাগ একটি বহু-লাইন পাঠ্য ইনপুট নিয়ন্ত্রণকে সংজ্ঞায়িত করে। মন্তব্য বা পর্যালোচনার মতো ব্যবহারকারীর ইনপুট সংগ্রহ করতে এটি প্রায়শই ফর্মগুলিতে ব্যবহৃত হয়। <textarea> ট্যাগ একটি <form> উপাদানের ভিতরে নেস্ট করা যেতে পারে বা এটি একা দাঁড়াতে পারে। এটি তার ফর্ম বৈশিষ্ট্যের মাধ্যমে একটি ফর্মের সাথে যুক্ত হতে পারে। <textarea> ট্যাগটি সীমাহীন সংখ্যক অক্ষর ধারণ করতে পারে এবং পাঠ্যটি একটি নির্দিষ্ট-প্রস্থ ফন্টে (সাধারণত কুরিয়ার) রেন্ডার হয়। আপনি কল এবং সারি বৈশিষ্ট্য (বা CSS দিয়ে) দ্বারা একটি পাঠ্য এলাকার আকার নির্দিষ্ট করতে পারেন। HTML Textarea উপাদান (The HTML Textarea element) সম্পর্কে বিস্তারিত
- [HTML বিষয়বস্তু টেমপ্লেট উপাদান (The HTML Content Template element)](https://jhutanda.com/html-%e0%a6%ac%e0%a6%bf%e0%a6%b7%e0%a6%af%e0%a6%bc%e0%a6%ac%e0%a6%b8%e0%a7%8d%e0%a6%a4%e0%a7%81-%e0%a6%9f%e0%a7%87%e0%a6%ae%e0%a6%aa%e0%a7%8d%e0%a6%b2%e0%a7%87%e0%a6%9f-%e0%a6%89%e0%a6%aa%e0%a6%be/): <template>: HTML বিষয়বস্তু টেমপ্লেট উপাদান (The HTML Content Template element)। HTML এ <template> ট্যাগটি এইচটিএমএল কোডের টুকরো সঞ্চয় করার জন্য ব্যবহার করা হয় যা একটি পৃষ্ঠা লোড করার সাথে সাথে প্রদর্শিত হয় না। <template>-এর ভিতরের বিষয়বস্তু পরে জাভাস্ক্রিপ্ট দিয়ে রেন্ডার করা যেতে পারে। <template> ট্যাগটি ডিসপ্লে সহ একটি ডিভের মতো যার ভিতরে এইচটিএমএল নেই। যাইহোক, টেমপ্লেট ট্যাগের কিছু বৈশিষ্ট্য রয়েছে যা ডিসপ্লে কোনটি ছাড়াই ডিভের চেয়ে কাজ করা সহজ করে তোলে। HTML বিষয়বস্তু টেমপ্লেট উপাদান (The HTML Content Template element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [এইচটিএমএল টেবিল ডেটা সেল উপাদান (The HTML Table Data Cell element)](https://jhutanda.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%9f%e0%a7%87%e0%a6%ac%e0%a6%bf%e0%a6%b2-%e0%a6%a1%e0%a7%87%e0%a6%9f%e0%a6%be-%e0%a6%b8%e0%a7%87%e0%a6%b2/): <td>: এইচটিএমএল টেবিল ডেটা সেল উপাদান (The HTML Table Data Cell element)। HTML-এর <td> ট্যাগ একটি টেবিলের একটি ডেটা সেলকে সংজ্ঞায়িত করে। <td> ট্যাগ হল <tr> (টেবিল সারি) ট্যাগের একটি চাইল্ড এলিমেন্ট। প্রতিটি টেবিল সারিতে একাধিক <td> ডেটা উপাদান থাকতে পারে। <td> ট্যাগ HTML অ্যাট্রিবিউট রেফারেন্সে বর্ণিত সমস্ত গ্লোবাল অ্যাট্রিবিউট সমর্থন করে। <td> ট্যাগগুলি নিম্নলিখিত ব্রাউজারগুলির সাথে সামঞ্জস্যপূর্ণ: Chrome, Android৷ ডিফল্টরূপে, টেবিল ডেটা উপাদানগুলি পূর্ববর্তী এবং পরবর্তী সারিতে টেবিল ডেটা উপাদানগুলির সাথে উল্লম্বভাবে সারিবদ্ধভাবে বিন্যস্ত থাকে। উদাহরণস্বরূপ, যদি একটি টেবিলে ডেটা সেলের চারটি সারি থাকে, তবে প্রতিটি সারির প্রথম ডেটা সেলটি অন্য সারির প্রথম ডেটা সেলের সাথে সারিবদ্ধ করা হয়।
- [HTML টেবিলের বডি এলিমেন্ট (The HTML Table Body element)](https://jhutanda.com/html-%e0%a6%9f%e0%a7%87%e0%a6%ac%e0%a6%bf%e0%a6%b2%e0%a7%87%e0%a6%b0-%e0%a6%ac%e0%a6%a1%e0%a6%bf-%e0%a6%8f%e0%a6%b2%e0%a6%bf%e0%a6%ae%e0%a7%87%e0%a6%a8%e0%a7%8d%e0%a6%9f-the-html-table-body-element/): <tbody>: HTML টেবিলের বডি এলিমেন্ট (The HTML Table Body element)। HTML-এ <tbody> ট্যাগ একটি টেবিলের বডি বিষয়বস্তুকে গোষ্ঠীভুক্ত করে। এটি একটি টেবিলের বিভিন্ন অংশ নির্দিষ্ট করতে <thead> এবং <tfoot> ট্যাগের সাথে ব্যবহার করা হয়। <tbody> ট্যাগে টেবিলের প্রাথমিক ডেটা থাকা উচিত, যখন <thead> ট্যাগে কলামের শিরোনাম থাকে এবং <tfoot> ট্যাগে সারাংশ ডেটা থাকে। <tbody> ট্যাগ হল <table> ট্যাগের একটি শিশু এবং <tr> এবং <td> ট্যাগের একটি অভিভাবক। ব্রাউজারগুলি হেডার এবং ফুটার থেকে স্বাধীনভাবে টেবিলের বডি স্ক্রলিং সক্ষম করতে এই উপাদানগুলি ব্যবহার করতে পারে। HTML টেবিলের বডি এলিমেন্ট (The HTML Table Body element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML টেবিল উপাদান (The HTML Table element)](https://jhutanda.com/html-%e0%a6%9f%e0%a7%87%e0%a6%ac%e0%a6%bf%e0%a6%b2-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-table-element/): <table>: HTML টেবিল উপাদান (The HTML Table element)। <table> ট্যাগ একটি HTML টেবিল সংজ্ঞায়িত করে। একটি ওপেনিং <table> ট্যাগ এবং একটি ক্লোজিং </table> ট্যাগ দিয়ে একটি HTML টেবিল তৈরি করা হয়। <table> এর কিছু মেটাডাটা নিচে দেওয়া হল। <tr>: একটি টেবিল সারি সংজ্ঞায়িত করে।<th>: একটি টেবিল হেডার সংজ্ঞায়িত করে। <td>: একটি টেবিল ঘর সংজ্ঞায়িত করে। <caption>: একটি টেবিল ক্যাপশন সংজ্ঞায়িত করে। <colgroup>: বিন্যাসের জন্য একটি টেবিলে এক বা একাধিক কলামের একটি গ্রুপ নির্দিষ্ট করে । <col>: একটি <colgroup> উপাদানের মধ্যে প্রতিটি কলামের জন্য কলাম বৈশিষ্ট্য নির্দিষ্ট করে। <thead>: একটি টেবিলে শিরোনামের বিষয়বস্তুকে গ্রুপ করে। HTML টেবিল উপাদান (The HTML Table
- [HTML ওয়েব কম্পোনেন্ট স্লট উপাদান (The HTML Web Component Slot element)](https://jhutanda.com/html-%e0%a6%93%e0%a6%af%e0%a6%bc%e0%a7%87%e0%a6%ac-%e0%a6%95%e0%a6%ae%e0%a7%8d%e0%a6%aa%e0%a7%8b%e0%a6%a8%e0%a7%87%e0%a6%a8%e0%a7%8d%e0%a6%9f-%e0%a6%b8%e0%a7%8d%e0%a6%b2%e0%a6%9f-%e0%a6%89%e0%a6%aa/): <slot>: HTML ওয়েব কম্পোনেন্ট স্লট উপাদান (The HTML Web Component Slot element)। HTML এ <slot> ট্যাগ হল একটি স্থানধারক যা একটি ওয়েব উপাদানের মধ্যে সামগ্রী কাস্টমাইজ করতে ব্যবহার করা যেতে পারে। <slot> ট্যাগটি তার নামের বৈশিষ্ট্য দ্বারা চিহ্নিত করা হয়। <slot> ট্যাগ একটি <template> ট্যাগের ভিতরে ব্যবহৃত হয়। একটি <template> ট্যাগের ভিতরের বিষয়বস্তু জাভাস্ক্রিপ্ট ব্যবহার করে দৃশ্যমান না হওয়া পর্যন্ত রেন্ডার করা হবে না। <template> ট্যাগটি ব্যবহার করা হয় যখন আপনার কাছে HTML কোড থাকে যা আপনি বারবার ব্যবহার করতে চান। HTML ওয়েব কম্পোনেন্ট স্লট উপাদান (The HTML Web Component Slot element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML সুপারস্ক্রিপ্ট উপাদান (The HTML Superscript element)](https://jhutanda.com/html-%e0%a6%b8%e0%a7%81%e0%a6%aa%e0%a6%be%e0%a6%b0%e0%a6%b8%e0%a7%8d%e0%a6%95%e0%a7%8d%e0%a6%b0%e0%a6%bf%e0%a6%aa%e0%a7%8d%e0%a6%9f-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-sup/): <sup>: HTML সুপারস্ক্রিপ্ট উপাদান (The HTML Superscript element)। HTML এ <sup> ট্যাগ সুপারস্ক্রিপ্ট টেক্সট সংজ্ঞায়িত করতে ব্যবহৃত হয়। সুপারস্ক্রিপ্ট টেক্সট নিয়মিত লাইনের উপরে অর্ধেক অক্ষর প্রদর্শিত হয় এবং কখনও কখনও একটি ছোট ফন্টে রেন্ডার করা হয়। সুপারস্ক্রিপ্ট টেক্সট পাদটীকা জন্য ব্যবহার করা যেতে পারে। HTML সুপারস্ক্রিপ্ট উপাদান (The HTML Superscript element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML প্রকাশের সারাংশ উপাদান (The HTML Disclosure Summary element)](https://jhutanda.com/html-%e0%a6%aa%e0%a7%8d%e0%a6%b0%e0%a6%95%e0%a6%be%e0%a6%b6%e0%a7%87%e0%a6%b0-%e0%a6%b8%e0%a6%be%e0%a6%b0%e0%a6%be%e0%a6%82%e0%a6%b6-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-di/): <summary>: HTML প্রকাশের সারাংশ উপাদান (The HTML Disclosure Summary element)। HTML-এ <summary> ট্যাগ <details> উপাদানটির জন্য একটি দৃশ্যমান শিরোনাম সংজ্ঞায়িত করে। <summary> উপাদানটি একটি <details> উপাদানের বিষয়বস্তুর জন্য সারাংশ, ক্যাপশন বা কিংবদন্তি হিসাবে ব্যবহৃত হয়। ব্যবহারকারীরা <details> উপাদানের শিশু উপাদানগুলির মার্কআপ ধারণ করে বাক্সটি খুলতে বা বন্ধ করতে <summary> উপাদান দ্বারা মোড়ানো দৃশ্যমান পাঠ্যটিতে ক্লিক করতে পারেন। HTML প্রকাশের সারাংশ উপাদান (The HTML Disclosure Summary element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML সাবস্ক্রিপ্ট উপাদান (The HTML Subscript element)](https://jhutanda.com/html-%e0%a6%b8%e0%a6%be%e0%a6%ac%e0%a6%b8%e0%a7%8d%e0%a6%95%e0%a7%8d%e0%a6%b0%e0%a6%bf%e0%a6%aa%e0%a7%8d%e0%a6%9f-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-subscript-element/): <sub>: HTML সাবস্ক্রিপ্ট উপাদান (The HTML Subscript element)। HTML এ <sub> ট্যাগ সাবস্ক্রিপ্ট টেক্সট সংজ্ঞায়িত করে। সাবস্ক্রিপ্ট টেক্সট সাধারণ লাইনের নিচে অর্ধেক অক্ষর প্রদর্শিত হয়, এবং কখনও কখনও একটি ছোট ফন্টে রেন্ডার করা হয়। <sub> ট্যাগটি শুধুমাত্র টাইপোগ্রাফিক কারণে ব্যবহার করা উচিত, যেমন টাইপোগ্রাফিক্যাল কনভেনশন বা মান মেনে চলার জন্য। এটি শুধুমাত্র উপস্থাপনা বা উপস্থিতির উদ্দেশ্যে ব্যবহার করা উচিত নয়। সাবস্ক্রিপ্ট টেক্সট সাধারণত রাসায়নিক সূত্রে দেখা যায়। উদাহরণস্বরূপ, H2O হল জলের রাসায়নিক প্রতীক। আপনি সুপারস্ক্রিপ্ট করা টেক্সট সংজ্ঞায়িত করতে <sup> ট্যাগ ব্যবহার করতে পারেন। HTML সাবস্ক্রিপ্ট উপাদান (The HTML Subscript element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML শৈলী তথ্য উপাদান (The HTML Style Information element)](https://jhutanda.com/html-%e0%a6%b6%e0%a7%88%e0%a6%b2%e0%a7%80-%e0%a6%a4%e0%a6%a5%e0%a7%8d%e0%a6%af-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-style-information-element/): <style>: HTML শৈলী তথ্য উপাদান (The HTML Style Information element)। HTML-এ <style> ট্যাগটি একটি নথির শৈলী তথ্য (CSS) সংজ্ঞায়িত করতে ব্যবহৃত হয়। আপনি পাঠ্য পরিবর্তন করতে <style> ট্যাগ ব্যবহার করতে পারেন, যার মধ্যে রয়েছে: ফন্টের আকার, ফন্ট পরিবার, ফন্টের রঙ। আপনি <style> ট্যাগ ব্যবহার করতে পারেন একটি বডি বা পৃষ্ঠার অংশের শৈলী পরিবর্তন করতে। আপনি একটি HTML পৃষ্ঠার <head> বিভাগে একটি <style> উপাদানের মধ্যে একটি অভ্যন্তরীণ CSS সংজ্ঞায়িত করতে পারেন। আপনি শৈলী বৈশিষ্ট্য ব্যবহার করে একটি HTML ট্যাগের ভিতরে CSS লিখতে পারেন। HTML শৈলী তথ্য উপাদান (The HTML Style Information element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML শক্তিশালী গুরুত্ব উপাদান (The HTML Strong Importance element)](https://jhutanda.com/html-%e0%a6%b6%e0%a6%95%e0%a7%8d%e0%a6%a4%e0%a6%bf%e0%a6%b6%e0%a6%be%e0%a6%b2%e0%a7%80-%e0%a6%97%e0%a7%81%e0%a6%b0%e0%a7%81%e0%a6%a4%e0%a7%8d%e0%a6%ac-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be/): <strong>: HTML শক্তিশালী গুরুত্ব উপাদান (The HTML Strong Importance element)। HTML <strong>ট্যাগটি বোঝানোর জন্য ব্যবহৃত হয় যে এর ভিতরের পাঠ্য বা উপাদানগুলির দৃঢ় গুরুত্ব, গুরুত্ব বা জরুরিতা রয়েছে। শক্তিশালী ট্যাগ হল একটি শব্দগুচ্ছ ট্যাগ এবং ব্রাউজারগুলি সাধারণত শক্তিশালী ট্যাগের বিষয়বস্তু বোল্ড টাইপে রেন্ডার করে। <strong>ট্যাগটি টেক্সটটিকে বোল্ড করে বা শব্দার্থকভাবে হাইলাইট করে গুরুত্ব দেখানোর জন্য ব্যবহার করা হয়। এসইও-এর ক্ষেত্রে <strong>ট্যাগটিও গুরুত্বপূর্ণ। Google ক্রলাররা স্বীকার করে যে <strong>ট্যাগের পাঠ্যটি সাইটের অন্যান্য উপাদানের চেয়ে বেশি গুরুত্বপূর্ণ, তাই এটিতে কীওয়ার্ড অন্তর্ভুক্ত করা একটি ভাল সমাধান। HTML শক্তিশালী গুরুত্ব উপাদান (The HTML Strong Importance element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [এইচটিএমএল কন্টেন্ট স্প্যান উপাদান (The HTML Content Span element)](https://jhutanda.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%95%e0%a6%a8%e0%a7%8d%e0%a6%9f%e0%a7%87%e0%a6%a8%e0%a7%8d%e0%a6%9f-%e0%a6%b8%e0%a7%8d%e0%a6%aa%e0%a7%8d%e0%a6%af/): <span>: এইচটিএমএল কন্টেন্ট স্প্যান উপাদান (The HTML Content Span element)। <span> ট্যাগ হল একটি ইনলাইন ধারক যা একটি পাঠ্যের একটি অংশ বা একটি নথির একটি অংশ চিহ্নিত করতে ব্যবহৃত হয়। <span> ট্যাগটি সহজে CSS দ্বারা স্টাইল করা হয় বা জাভাস্ক্রিপ্টের সাহায্যে ক্লাস বা আইডি অ্যাট্রিবিউট ব্যবহার করে ম্যানিপুলেট করা হয়। <span> ট্যাগ অনেকটা <div> এলিমেন্টের মত, কিন্তু <div>একটি ব্লক-লেভেল এলিমেন্ট এবং <span> একটি ইনলাইন এলিমেন্ট। <span> ট্যাগটি <div>ট্যাগের মতো, কিন্তু <div>একটি ব্লক-লেভেল ট্যাগ এবং <span> একটি ইনলাইন ট্যাগ। <span> ট্যাগ নিজে থেকে কোনো ভিজ্যুয়াল পরিবর্তন করে না। এইচটিএমএল কন্টেন্ট স্প্যান উপাদান (The HTML Content Span element) সম্পর্কে বিস্তারিত নিচে দেওয়া
- [HTML মিডিয়া বা ইমেজ সোর্স উপাদান (The HTML Media or Image Source element)](https://jhutanda.com/html-%e0%a6%ae%e0%a6%bf%e0%a6%a1%e0%a6%bf%e0%a6%af%e0%a6%bc%e0%a6%be-%e0%a6%ac%e0%a6%be-%e0%a6%87%e0%a6%ae%e0%a7%87%e0%a6%9c-%e0%a6%b8%e0%a7%8b%e0%a6%b0%e0%a7%8d%e0%a6%b8-%e0%a6%89%e0%a6%aa%e0%a6%be/): <source>: HTML মিডিয়া বা ইমেজ সোর্স উপাদান (The HTML Media or Image Source element)। HTML-এ <source> ট্যাগ হল একটি খালি উপাদান যা বিভিন্ন ফর্ম্যাটে একাধিক মিডিয়া সংস্থানকে সংজ্ঞায়িত করে। আপনি <audio>, <track>, অথবা <video> উপাদানের মধ্যে <source> ট্যাগ ব্যবহার করতে পারেন। <source> ট্যাগ আপনাকে বিকল্প ভিডিও/অডিও/ইমেজ ফাইলগুলি নির্দিষ্ট করতে দেয় যা ব্রাউজার সমর্থন বা ভিউপোর্ট প্রস্থের উপর ভিত্তি করে ব্রাউজার বেছে নিতে পারে। HTML মিডিয়া বা ইমেজ সোর্স উপাদান (The HTML Media or Image Source element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML পার্শ্ব মন্তব্য উপাদান (The HTML side comment element)](https://jhutanda.com/html-%e0%a6%aa%e0%a6%be%e0%a6%b0%e0%a7%8d%e0%a6%b6%e0%a7%8d%e0%a6%ac-%e0%a6%ae%e0%a6%a8%e0%a7%8d%e0%a6%a4%e0%a6%ac%e0%a7%8d%e0%a6%af-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-si/): <small>: HTML পার্শ্ব মন্তব্য উপাদান (The HTML side comment element)। HTML এ <small> ট্যাগ ছোট টেক্সট সংজ্ঞায়িত করে। এটি কপিরাইট, পার্শ্ব মন্তব্য এবং আইনি নোটিশের মতো ছোট পাঠের জন্য ব্যবহৃত হয়। <small> ট্যাগ ফন্ট সাইজ এক সাইজ কমিয়ে দেয়। উদাহরণস্বরূপ, এটি ফন্টের আকার মাঝারি থেকে ছোট, বা x-বড় থেকে বড় হতে পারে। <small> ট্যাগটি পাঠ্যের বর্ধিত স্প্যানের জন্য ব্যবহার করা উচিত নয়, যেমন একাধিক অনুচ্ছেদ বা পাঠ্যের অংশ। HTML পার্শ্ব মন্তব্য উপাদান (The HTML side comment element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML সিলেক্ট এলিমেন্ট (The HTML Select element)](https://jhutanda.com/html-%e0%a6%b8%e0%a6%bf%e0%a6%b2%e0%a7%87%e0%a6%95%e0%a7%8d%e0%a6%9f-%e0%a6%8f%e0%a6%b2%e0%a6%bf%e0%a6%ae%e0%a7%87%e0%a6%a8%e0%a7%8d%e0%a6%9f-the-html-select-element/): <select>: HTML সিলেক্ট এলিমেন্ট (The HTML Select element)। HTML এ <select> ট্যাগ একটি ড্রপ-ডাউন মেনু তৈরি করে যা ব্যবহারকারীদের একটি মান নির্বাচন করতে দেয়। <select> ট্যাগটি সাধারণত একটি ফর্ম উপাদানের মধ্যে ব্যবহৃত হয়। যে আইটেমগুলি থেকে বেছে নিতে হবে । <select> ট্যাগের অন্যান্য বৈশিষ্ট্যও রয়েছে, যেমন: HTML সিলেক্ট এলিমেন্ট (The HTML Select element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML জেনেরিক বিভাগ উপাদান (The HTML Generic Section element)](https://jhutanda.com/html-%e0%a6%9c%e0%a7%87%e0%a6%a8%e0%a7%87%e0%a6%b0%e0%a6%bf%e0%a6%95-%e0%a6%ac%e0%a6%bf%e0%a6%ad%e0%a6%be%e0%a6%97-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-generic-section-elem/): <section>: HTML জেনেরিক বিভাগ উপাদান (The HTML Generic Section element)। HTML <section> ট্যাগ একটি HTML নথির বিষয়বস্তুকে বিভাগ বা উপধারায় বিভক্ত করে। যখন আপনার দুটি শিরোনাম বা ফুটার বা নথির অন্য কোনো বিভাগের প্রয়োজন হয় তখন আপনি <div> ট্যাগ ব্যবহার করতে পারেন। <div> ট্যাগ একটি সাধারণ বিভাগীয় উপাদান। আপনার শুধুমাত্র এটি ব্যবহার করা উচিত যদি এটির প্রতিনিধিত্ব করার জন্য আরও নির্দিষ্ট উপাদান না থাকে। উদাহরণস্বরূপ, একটি নেভিগেশন মেনু একটি HTML <nav> ট্যাগে মোড়ানো হতে পারে। যাইহোক, একটি মানচিত্র প্রদর্শন এবং এর নিয়ন্ত্রণ বা অনুসন্ধান ফলাফলের একটি তালিকার নির্দিষ্ট উপাদান নেই এবং এটি একটি <div> ভিতরে রাখা যেতে পারে। <div> এর
- [HTML জেনেরিক অনুসন্ধান উপাদান (The HTML generic search element)](https://jhutanda.com/html-%e0%a6%9c%e0%a7%87%e0%a6%a8%e0%a7%87%e0%a6%b0%e0%a6%bf%e0%a6%95-%e0%a6%85%e0%a6%a8%e0%a7%81%e0%a6%b8%e0%a6%a8%e0%a7%8d%e0%a6%a7%e0%a6%be%e0%a6%a8-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be/): <search>: HTML জেনেরিক অনুসন্ধান উপাদান (The HTML generic search element)। <search> এইচটিএমএল উপাদান একটি নথির একটি বিভাগকে উপস্থাপন করে যা অনুসন্ধান বা ফিল্টার করতে ব্যবহৃত হয়। ট্যাগ ব্যবহারকারীর অনুসন্ধানের প্রশ্নগুলি প্রবেশ করার জন্য একটি পাঠ্য ক্ষেত্র তৈরি করে৷ আপনি ট্যাগটি একটি HTML ফর্মে একটি টেক্সটবক্স তৈরি করতেও ব্যবহার করতে পারেন যা একটি অনুসন্ধান ক্ষেত্রের মতো আচরণ করে৷ অনুসন্ধান ইনপুটগুলির জন্য সবচেয়ে সাধারণ নাম হল q। সর্বোত্তম অ্যাক্সেসিবিলিটি অনুশীলনের জন্য, আপনার সর্বদা <label> ট্যাগ যোগ করা উচিত। HTML জেনেরিক অনুসন্ধান উপাদান (The HTML generic search element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML স্ক্রিপ্ট উপাদান (The HTML Script element)](https://jhutanda.com/html-%e0%a6%b8%e0%a7%8d%e0%a6%95%e0%a7%8d%e0%a6%b0%e0%a6%bf%e0%a6%aa%e0%a7%8d%e0%a6%9f-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-script-element/): <script>: HTML স্ক্রিপ্ট উপাদান (The HTML Script element)। HTML-এ <script> ট্যাগটি জাভাস্ক্রিপ্টের মতো ক্লায়েন্ট-সাইড স্ক্রিপ্ট এম্বেড করতে ব্যবহৃত হয়। <script> উপাদানটিতে স্ক্রিপ্টিং বিবৃতি থাকতে পারে বা একটি বহিরাগত স্ক্রিপ্ট ফাইলের দিকে নির্দেশ করতে পারে। আপনি একটি HTML পৃষ্ঠার <body> বা <head> বিভাগে অথবা উভয় স্থানে স্ক্রিপ্ট রাখতে পারেন। <script> ট্যাগের নিম্নলিখিত বৈশিষ্ট্য রয়েছে: src: বহিরাগত স্ক্রিপ্ট ফাইলগুলির পথ প্রদান করে type: স্ক্রিপ্টের ধরন নির্দিষ্ট করে। HTML স্ক্রিপ্ট উপাদান (The HTML Script element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML নমুনা আউটপুট উপাদান (The HTML Sample Output element)](https://jhutanda.com/html-%e0%a6%a8%e0%a6%ae%e0%a7%81%e0%a6%a8%e0%a6%be-%e0%a6%86%e0%a6%89%e0%a6%9f%e0%a6%aa%e0%a7%81%e0%a6%9f-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-sample-output-element/): <samp>: HTML নমুনা আউটপুট উপাদান (The HTML Sample Output element)। HTML এ <samp> ট্যাগটি কম্পিউটার প্রোগ্রাম বা স্ক্রিপ্ট থেকে নমুনা আউটপুট উপস্থাপন করতে ব্যবহৃত হয়। ট্যাগের ভিতরের বিষয়বস্তু ব্রাউজারের ডিফল্ট মনোস্পেস ফন্টে প্রদর্শিত হয়। <samp> ট্যাগের সিনট্যাক্স হল <samp>টেক্সট কন্টেন্ট </samp>। আপনি HTML উপাদান তৈরি করতে ট্যাগ ব্যবহার করতে পারেন, যেমন অনুচ্ছেদ বা লিঙ্ক। অনেক উপাদানের একটি খোলার ট্যাগ এবং একটি বন্ধ ট্যাগ আছে। উদাহরণস্বরূপ, একটি অনুচ্ছেদ উপাদানের একটি <p> ট্যাগ আছে, অনুচ্ছেদ পাঠ্য দ্বারা অনুসরণ করা হয়েছে, একটি ক্লোজিং ট্যাগ রয়েছে। HTML নমুনা আউটপুট উপাদান (The HTML Sample Output element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML স্ট্রাইকথ্রু উপাদান (The HTML Strikethrough element)](https://jhutanda.com/html-%e0%a6%b8%e0%a7%8d%e0%a6%9f%e0%a7%8d%e0%a6%b0%e0%a6%be%e0%a6%87%e0%a6%95%e0%a6%a5%e0%a7%8d%e0%a6%b0%e0%a7%81-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-strikethrough-element/): <s>: HTML স্ট্রাইকথ্রু উপাদান (The HTML Strikethrough element)। HTML এ <s> ট্যাগটি আর প্রাসঙ্গিক নয় এমন পাঠ্যকে সংজ্ঞায়িত করতে ব্যবহৃত হয়। ব্রাউজার ট্যাগ বিষয়বস্তুকে স্ট্রাইকথ্রু টেক্সট হিসেবে প্রদর্শন করে। নথি সম্পাদনা নির্দেশ করার সময় <s> ট্যাগটি উপযুক্ত নয়। এর জন্য, <del> এবং <ins>উপাদানগুলি ব্যবহার করুন। HTML স্ট্রাইকথ্রু উপাদান (The HTML Strikethrough element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML রুবি টীকা উপাদান (The HTML Ruby Annotation element)](https://jhutanda.com/html-%e0%a6%b0%e0%a7%81%e0%a6%ac%e0%a6%bf-%e0%a6%9f%e0%a7%80%e0%a6%95%e0%a6%be-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-ruby-annotation-element/): <ruby>: HTML রুবি টীকা উপাদান (The HTML Ruby Annotation element)। <ruby> ট্যাগ একটি রুবি টীকা নির্দিষ্ট করে। একটি রুবি টীকা হল একটি ছোট অতিরিক্ত পাঠ্য, যা সংশ্লিষ্ট অক্ষরের উচ্চারণ বা অর্থ নির্দেশ করার জন্য মূল পাঠ্যের সাথে সংযুক্ত থাকে। এই ধরনের টীকা প্রায়ই জাপানি প্রকাশনায় ব্যবহৃত হয়। <ruby> ট্যাগটি এক বা একাধিক <rt> উপাদানকে আবদ্ধ করে যা রুবি টীকাগুলির উচ্চারণ দেয় এবং টীকা অক্ষরের উপরে প্রদর্শন করে। HTML রুবি টীকা উপাদান (The HTML Ruby Annotation element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML রুবি টেক্সট উপাদান (The HTML Ruby Text element)](https://jhutanda.com/html-%e0%a6%b0%e0%a7%81%e0%a6%ac%e0%a6%bf-%e0%a6%9f%e0%a7%87%e0%a6%95%e0%a7%8d%e0%a6%b8%e0%a6%9f-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-ruby-text-element/): <rt>: HTML রুবি টেক্সট উপাদান (The HTML Ruby Text element)। <rt> ট্যাগটি HTML-এ টেক্সটের উপরে এবং নীচে টীকা যোগ করতে ব্যবহৃত হয়। <rt> ট্যাগ একটি <ruby> উপাদানের অংশ। <রুবি> ট্যাগ একটি রুবি টীকাকে সংজ্ঞায়িত করে, যা জাপানি বা পূর্ব এশিয়ার ভাষায় অক্ষরের জন্য একটি উচ্চারণ নির্দেশিকা। <rt> ট্যাগটি HTML 5-এ প্রবর্তিত হয়েছিল এবং রুবি টীকাটির রুবি টেক্সট উপাদান নির্দিষ্ট করতে ব্যবহৃত হয়। <rt> ট্যাগটি রুবি ভাষার টীকাতে উপস্থিত পূর্ব এশীয় অক্ষরগুলির জন্য অনুবাদ, উচ্চারণ বা প্রতিবর্ণীকরণ তথ্য প্রদান করে। <rt> ট্যাগ অবশ্যই <ruby> এবং <rp> (ঐচ্ছিক) উপাদানের মধ্যে আবদ্ধ হতে হবে। রুবি টেক্সটের চারপাশে বন্ধনী স্থাপন করতে <rp> উপাদানটি <ruby>
- [HTML রুবি ফলব্যাক বন্ধনী উপাদান (The HTML Ruby Fallback Parenthesis element)](https://jhutanda.com/html-%e0%a6%b0%e0%a7%81%e0%a6%ac%e0%a6%bf-%e0%a6%ab%e0%a6%b2%e0%a6%ac%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%95-%e0%a6%ac%e0%a6%a8%e0%a7%8d%e0%a6%a7%e0%a6%a8%e0%a7%80-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6/): <rp>: HTML রুবি ফলব্যাক বন্ধনী উপাদান (The HTML Ruby Fallback Parenthesis element)। HTML এ <rp> ট্যাগটি রুবি টেক্সটের চারপাশে বন্ধনী প্রদান করতে ব্যবহৃত হয়। এই ট্যাগটি ব্যবহার করা হয় যখন ব্রাউজার রুবি টীকা সমর্থন করে না। রুবি টীকাগুলি পূর্ব এশীয় টাইপোগ্রাফিতে উচ্চারণ নির্দেশ করতে বা একটি সংক্ষিপ্ত টীকা প্রদান করতে ব্যবহৃত হয়। <rp> ট্যাগ হল HTML5 উপাদানগুলির মধ্যে একটি৷ <rp> ট্যাগটি <ruby> উপাদানের মধ্যে পাঠ্য বা পাঠ্যের উচ্চারণকে সংজ্ঞায়িত ও ব্যাখ্যা করতে ব্যবহৃত হয়। খোলার এবং বন্ধ বন্ধনীগুলি <rp> উপাদানের মধ্যে আবদ্ধ। এই বন্ধনীগুলিতে সেই পাঠ্য রয়েছে যা আমরা টীকা হিসাবে প্রদর্শন করতে চাই। HTML রুবি ফলব্যাক বন্ধনী উপাদান (The
- [HTML ইনলাইন উদ্ধৃতি উপাদান (The HTML Inline Quotation element)](https://jhutanda.com/html-%e0%a6%87%e0%a6%a8%e0%a6%b2%e0%a6%be%e0%a6%87%e0%a6%a8-%e0%a6%89%e0%a6%a6%e0%a7%8d%e0%a6%a7%e0%a7%83%e0%a6%a4%e0%a6%bf-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-inline-quot/): <q>: HTML ইনলাইন উদ্ধৃতি উপাদান (The HTML Inline Quotation element)। HTML-এ <q> ট্যাগটি বোঝাতে ব্যবহৃত হয় যে এটির মধ্যে লেখাটি একটি ছোট উদ্ধৃতি। <q> ট্যাগ একটি ইনলাইন উপাদান, যার মানে এটি অনুচ্ছেদ বিরতির প্রয়োজন নেই। দীর্ঘ কোটেশনের জন্য, আপনার <blockquote> ট্যাগ ব্যবহার করা উচিত। <q> ট্যাগ ব্যবহার করার সময়, ট্যাগের আগে, পরে বা ভিতরে আপনার উদ্ধৃতি চিহ্ন অন্তর্ভুক্ত করা উচিত নয়। পরিবর্তে, ব্রাউজার উদ্ধৃতি চিহ্ন সন্নিবেশ করাবে। HTML ইনলাইন উদ্ধৃতি উপাদান (The HTML Inline Quotation element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML অগ্রগতি নির্দেশক উপাদান (The HTML Progress Indicator element)](https://jhutanda.com/html-%e0%a6%85%e0%a6%97%e0%a7%8d%e0%a6%b0%e0%a6%97%e0%a6%a4%e0%a6%bf-%e0%a6%a8%e0%a6%bf%e0%a6%b0%e0%a7%8d%e0%a6%a6%e0%a7%87%e0%a6%b6%e0%a6%95-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-th/): <progress>: HTML অগ্রগতি নির্দেশক উপাদান (The HTML Progress Indicator element)। HTML <progress> ট্যাগটি একটি কাজের অগ্রগতি একটি অগ্রগতি বার হিসাবে প্রদর্শন করতে ব্যবহৃত হয়। অগ্রগতি বারটি কাজ শেষ করা বর্তমান শতাংশ দেখায়। অগ্রগতি বার দুটি বৈশিষ্ট্য দ্বারা গঠিত হয়: value and max। মান বৈশিষ্ট্যটি সম্পূর্ণ কাজের পরিমাণ নির্দিষ্ট করে এবং সর্বাধিক বৈশিষ্ট্য মোট কাজের পরিমাণ নির্দিষ্ট করে। অগ্রগতি উপাদান হল একটি নতুন HTML5 উপাদান যা একটি টাস্কের সমাপ্তির প্রতিনিধিত্ব করে, যেমন একটি ফাইল আপলোড করা বা একটি সমীক্ষা সম্পূর্ণ করা। মান বৈশিষ্ট্য টাস্কের বর্তমান অগ্রগতি নির্দিষ্ট করে, এবং সর্বাধিক বৈশিষ্ট্য টাস্কের সর্বাধিক মান নির্দিষ্ট করে। HTML অগ্রগতি নির্দেশক উপাদান (The
- [এইচটিএমএল প্রিফরম্যাটেড টেক্সট উপাদান (The HTML Preformatted Text element)](https://jhutanda.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%aa%e0%a7%8d%e0%a6%b0%e0%a6%bf%e0%a6%ab%e0%a6%b0%e0%a6%ae%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%9f%e0%a7%87%e0%a6%a1/): <pre>: এইচটিএমএল প্রিফরম্যাটেড টেক্সট উপাদান (The HTML Preformatted Text element)। HTML এ <pre> ট্যাগটি প্রিফরম্যাট করা পাঠ্যের একটি ব্লককে সংজ্ঞায়িত করতে ব্যবহৃত হয়। পাঠ্যটি একটি নির্দিষ্ট-প্রস্থ ফন্টে প্রদর্শিত হয় এবং স্পেস এবং লাইন বিরতিগুলি সংরক্ষিত হয়। টেক্সট গঠন উপাদান দ্বারা পরিবর্তে টাইপোগ্রাফিক নিয়মাবলী দ্বারা প্রতিনিধিত্ব করা হয়। এইচটিএমএল প্রিফরম্যাটেড টেক্সট উপাদান (The HTML Preformatted Text element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:1 Example:2 Full Code:
- [এইচটিএমএল ছবির উপাদান (The HTML Picture element)](https://jhutanda.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%9b%e0%a6%ac%e0%a6%bf%e0%a6%b0-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-picture-element/): <picture>: এইচটিএমএল ছবির উপাদান (The HTML Picture element)। HTML <picture> ট্যাগটি ইমেজ রিসোর্স নির্দিষ্ট করতে ব্যবহৃত হয়। এটি ওয়েব ডেভেলপারদের আরও নমনীয়তার সাথে ইমেজ রিসোর্স নির্দিষ্ট করতে দেয়। <img> ট্যাগটি স্থির চিত্রগুলি এম্বেড করতে ব্যবহৃত হয়। <img> ট্যাগটি একটি খালি ট্যাগ, এতে শুধুমাত্র গুণাবলী রয়েছে যেহেতু ক্লোজিং ট্যাগের প্রয়োজন নেই। এটি <body>… </body> ট্যাগের ভিতরে ব্যবহার করা উচিত। এইচটিএমএল ছবির উপাদান (The HTML Picture element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:1 Example:2 Full Code:
- [HTML অনুচ্ছেদ উপাদান (The HTML Paragraph element)](https://jhutanda.com/html-%e0%a6%85%e0%a6%a8%e0%a7%81%e0%a6%9a%e0%a7%8d%e0%a6%9b%e0%a7%87%e0%a6%a6-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-paragraph-element/): <p>: HTML অনুচ্ছেদ উপাদান (The HTML Paragraph element)। HTML <p> ট্যাগটি একটি ওয়েব পেজে পাঠ্যের একটি অনুচ্ছেদ সংজ্ঞায়িত করতে ব্যবহৃত হয়। <p> ট্যাগ হল একটি ব্লক-লেভেল এলিমেন্ট যা এলিমেন্টের আগে এবং পরে একটি নতুন লাইন তৈরি করে।<p> ট্যাগ একটি অনুচ্ছেদ সংজ্ঞায়িত করে। ব্রাউজার স্বয়ংক্রিয়ভাবে প্রতিটি <p> উপাদানের আগে এবং পরে একটি একক ফাঁকা লাইন যোগ করে। HTML অনুচ্ছেদ উপাদান (The HTML Paragraph element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:1 Example:2 Example:3 Full Code:
- [এইচটিএমএল আউটপুট উপাদান (The HTML Output element)](https://jhutanda.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%86%e0%a6%89%e0%a6%9f%e0%a6%aa%e0%a7%81%e0%a6%9f-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-htm/): <output>: এইচটিএমএল আউটপুট উপাদান (The HTML Output element)। HTML <output> ট্যাগ একটি গণনা বা ব্যবহারকারীর কর্মের ফলাফল প্রদর্শন করতে ব্যবহৃত হয়। <output> ট্যাগটি HTML5 এ চালু করা হয়েছিল। এটি আউটপুট ফলাফল সহ একটি ধারক তৈরি করে। এই ফলাফলগুলি একটি গণনা বা ব্যবহারকারীর ক্রিয়া থেকে হতে পারে৷ উদাহরণস্বরূপ, <output> ট্যাগটি বিনিময় হার রূপান্তরের ফলাফল প্রদর্শন করতে ব্যবহার করা যেতে পারে। <output> ট্যাগের জন্য একটি শুরু এবং শেষ ট্যাগ প্রয়োজন। এটি তিনটি বৈশিষ্ট্য গ্রহণ করে। <output> ট্যাগ ব্যবহার করার জন্য, আপনার জাভাস্ক্রিপ্ট সম্পর্কে কিছু প্রাথমিক জ্ঞান প্রয়োজন। উদাহরণস্বরূপ, আপনি একটি <ইনপুট> সংখ্যার ধরন সংজ্ঞায়িত করতে পারেন যাতে ফর্মটি জানানো হয় যে ব্যবহারকারী
- [HTML বিকল্প উপাদান (The HTML Option element)](https://jhutanda.com/html-%e0%a6%ac%e0%a6%bf%e0%a6%95%e0%a6%b2%e0%a7%8d%e0%a6%aa-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-option-element/): <option>: HTML বিকল্প উপাদান (The HTML Option element)। HTML-এ <option> ট্যাগটি ড্রপ-ডাউন তালিকার বিকল্পগুলিকে সংজ্ঞায়িত করতে ব্যবহৃত হয়। <option> ট্যাগটি কোনো বৈশিষ্ট্য ছাড়াই ব্যবহার করা যেতে পারে, তবে আপনার সাধারণত মান বৈশিষ্ট্যের প্রয়োজন হয়। মান বৈশিষ্ট্য নির্দেশ করে যে ফর্ম জমা দেওয়ার সময় সার্ভারে কী পাঠানো হয়। <option> ট্যাগের চারটি বৈশিষ্ট্য রয়েছে: Disabled, Label, Selected, Value। <option> ট্যাগ একটি <select>, <optgroup>, অথবা <datalist> উপাদানের ভিতরে ব্যবহার করা যেতে পারে। একটি ড্রপডাউন তালিকায় অন্তত একটি <option> উপাদান থাকতে হবে। <optgroup> উপাদানটি একটি তালিকায় সম্পর্কিত বিকল্পগুলিকে গোষ্ঠীভুক্ত করতে ব্যবহৃত হয়। এটি একটি বড় তালিকা বুঝতে সাহায্য করতে পারে। HTML বিকল্প উপাদান (The
- [HTML অপশন গ্রুপ উপাদান (The HTML Option Group element)](https://jhutanda.com/html-%e0%a6%85%e0%a6%aa%e0%a6%b6%e0%a6%a8-%e0%a6%97%e0%a7%8d%e0%a6%b0%e0%a7%81%e0%a6%aa-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-option-group-element/): <optgroup>: HTML অপশন গ্রুপ উপাদান (The HTML Option Group element)। HTML <optgroup> ট্যাগটি একটি ড্রপ-ডাউন তালিকায় গোষ্ঠী সম্পর্কিত বিকল্পগুলি ব্যবহার করা হয়। এটি ব্যবহারকারীদের তালিকা নেভিগেট করা সহজ করে তোলে। <optgroup> ট্যাগটি অনেকগুলি <option> আইটেমকে ছোট অংশে বিভক্ত করে। লেবেল বৈশিষ্ট্য প্রয়োজন এবং বিভাগে প্রথম আইটেম হিসাবে প্রদর্শিত হবে. লেবেল মান একটি ধূসর শিরোনাম হিসাবে প্রদর্শিত হবে. গোষ্ঠীভুক্ত সমস্ত আইটেম শিরোনামের নীচে বিকল্পগুলির একটি ইন্ডেন্ট তালিকা হিসাবে উপস্থিত হবে। ডিফল্টরূপে, <select> ট্যাগের প্রথম বিকল্পটি নির্বাচিত আইটেম হিসাবে উপস্থিত হবে। উপাদানটি বহু-নির্বাচন তালিকা এবং কম্বো বক্স উভয়ই তৈরি করতে ব্যবহৃত হয়। বিভিন্ন অনুমোদিত বিকল্পগুলি প্রতিটি বিকল্প উপাদানের সাথে নির্দেশিত। HTML অপশন
- [HTML অর্ডারকৃত তালিকা উপাদান (The HTML Ordered List element)](https://jhutanda.com/html-%e0%a6%85%e0%a6%b0%e0%a7%8d%e0%a6%a1%e0%a6%be%e0%a6%b0%e0%a6%95%e0%a7%83%e0%a6%a4-%e0%a6%a4%e0%a6%be%e0%a6%b2%e0%a6%bf%e0%a6%95%e0%a6%be-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-th/): <ol>: HTML অর্ডারকৃত তালিকা উপাদান (The HTML Ordered List element)। HTML <ol> ট্যাগ একটি অর্ডার করা তালিকা তৈরি করতে ব্যবহৃত হয়। একটি আদেশকৃত তালিকা হল একটি তালিকা যেখানে প্রতিটি আইটেমের পূর্বে একটি সংখ্যাসূচক বা বর্ণানুক্রমিক শনাক্তকারী থাকে। তালিকার আইটেমগুলি ইচ্ছাকৃতভাবে অর্ডার করা হয়েছে, তাই ক্রম পরিবর্তন করা তালিকার অর্থ পরিবর্তন করবে। <ol> ট্যাগটি সংখ্যাসূচক বা বর্ণানুক্রমিক বিন্যাসে উপাদানগুলি প্রদর্শন করতে ব্যবহার করা যেতে পারে। <li> ট্যাগ প্রতিটি পৃথক তালিকা উপাদান সংজ্ঞায়িত করতে ব্যবহৃত হয়। <ol> ট্যাগটি <ul> ট্যাগ থেকে আলাদা, যা ক্রমবিহীন তালিকার জন্য ব্যবহৃত হয়। একটি ক্রমবিহীন তালিকায়, তালিকার আইটেমগুলি বুলেট পয়েন্টের আগে থাকে। <ol> ট্যাগটি ব্যবহার করা ভাল
- [এইচটিএমএল এক্সটার্নাল অবজেক্ট এলিমেন্ট (The HTML External Object element)](https://jhutanda.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%8f%e0%a6%95%e0%a7%8d%e0%a6%b8%e0%a6%9f%e0%a6%be%e0%a6%b0%e0%a7%8d%e0%a6%a8%e0%a6%be%e0%a6%b2-%e0%a6%85%e0%a6%ac/): <object>: এইচটিএমএল এক্সটার্নাল অবজেক্ট এলিমেন্ট (The HTML External Object element) HTML-এ <object> ট্যাগ একটি নথির মধ্যে একটি এমবেড করা বস্তুকে সংজ্ঞায়িত করে। এটি অডিও, ভিডিও, জাভা অ্যাপলেট এবং পিডিএফের মতো মাল্টিমিডিয়া এম্বেড করতে ব্যবহৃত হয়। <object> ট্যাগটি ওয়েব পৃষ্ঠা, ছবি, মিডিয়া প্লেয়ার এবং প্লাগ-ইন অ্যাপ্লিকেশনের মতো বাহ্যিক সংস্থানগুলি এম্বেড করতেও ব্যবহার করা যেতে পারে। <object> ট্যাগে এমন বৈশিষ্ট্য রয়েছে যা বস্তুর উচ্চতা এবং প্রস্থ এবং বস্তুর নাম নির্ধারণ করে। এটিতে একটি আরিয়া-লেবেল বৈশিষ্ট্য রয়েছে যা বিকল্প পাঠ্য সরবরাহ করে। নিরাপত্তার কারণে, ব্রাউজারগুলি প্লাগইন সমর্থন করা বন্ধ করে দিয়েছে। একটি ছবি এম্বেড করতে, <img> ট্যাগ ব্যবহার করা ভাল। এইচটিএমএল এক্সটার্নাল অবজেক্ট
- [HTML Noscript উপাদান (The HTML Noscript element)](https://jhutanda.com/html-noscript-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-noscript-element/): <noscript>: HTML Noscript উপাদান (The HTML Noscript element)। <noscript> ট্যাগ তাদের ব্রাউজারে স্ক্রিপ্ট নিষ্ক্রিয় করেছে বা স্ক্রিপ্ট সমর্থন করে না এমন একটি ব্রাউজার আছে এমন ব্যবহারকারীদের কাছে প্রদর্শনের জন্য একটি বিকল্প সামগ্রী সংজ্ঞায়িত করে। HTML এ <noscript> ট্যাগটি সেই ব্রাউজারগুলির জন্য পাঠ্য প্রদর্শন করতে ব্যবহৃত হয় যা স্ক্রিপ্ট ট্যাগ সমর্থন করে না বা ব্রাউজারগুলি নিষ্ক্রিয় করে। HTML <noscript> ট্যাগটি ব্যবহারকারীদের জন্য একটি বিকল্প বিষয়বস্তু নির্ধারণ করতে ব্যবহৃত হয় যারা ব্রাউজার থেকে স্ক্রিপ্টিং অক্ষম করে। HTML Noscript উপাদান (The HTML Noscript element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example: Example:2 Full Code:
- [HTML নেভিগেশন সেকশন এলিমেন্ট (The HTML Navigation Section element)](https://jhutanda.com/html-%e0%a6%a8%e0%a7%87%e0%a6%ad%e0%a6%bf%e0%a6%97%e0%a7%87%e0%a6%b6%e0%a6%a8-%e0%a6%b8%e0%a7%87%e0%a6%95%e0%a6%b6%e0%a6%a8-%e0%a6%8f%e0%a6%b2%e0%a6%bf%e0%a6%ae%e0%a7%87%e0%a6%a8%e0%a7%8d%e0%a6%9f-th/): <nav>: HTML নেভিগেশন সেকশন এলিমেন্ট (The HTML Navigation Section element) HTML এ <nav> ট্যাগটি একটি নথিতে একটি নেভিগেশনাল বিভাগ ঘোষণা করতে ব্যবহৃত হয়। <nav> ট্যাগ নেভিগেশন লিঙ্কগুলির একটি সেটকে সংজ্ঞায়িত করে, যেগুলি পৃষ্ঠার মধ্যে অন্যান্য পৃষ্ঠা বা অংশগুলির লিঙ্ক। <nav> ট্যাগটি প্রাথমিক নেভিগেশন এলাকার জন্য সবচেয়ে ভালোভাবে সংরক্ষিত, যেমন একটি পৃষ্ঠা বা বিভাগের শীর্ষে থাকা প্রধান মেনু। <nav> ট্যাগ <body> এলিমেন্টের মধ্যে যেকোন জায়গায় উপস্থিত হতে পারে। একই পৃষ্ঠা বা নথিতে আপনার একাধিক <nav> তালিকা থাকতে পারে। যাইহোক, আপনার নথির সমস্ত লিঙ্কের জন্য আপনাকে <nav> উপাদান ব্যবহার করতে হবে না। <nav> ট্যাগ হল একটি শব্দার্থিক ট্যাগ, যার মানে এটি ট্যাগের
- [HTML মিটার উপাদান (The HTML Meter element)](https://jhutanda.com/html-%e0%a6%ae%e0%a6%bf%e0%a6%9f%e0%a6%be%e0%a6%b0-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-meter-element/): <meter>: HTML মিটার উপাদান (The HTML Meter element)। HTML-এ <meter> ট্যাগটি একটি পরিচিত পরিসরের মধ্যে একটি স্কেলার পরিমাপ বা ভগ্নাংশের মান নির্ধারণ করতে ব্যবহৃত হয়। এটি একটি গেজ হিসাবেও পরিচিত। উদাহরণস্বরূপ, আপনি ডিস্কের ব্যবহার বা একটি প্রশ্নের ফলাফলের প্রাসঙ্গিকতা দেখানোর জন্য <meter> ট্যাগ ব্যবহার করতে পারেন। <meter> ট্যাগ ব্যবহার করার জন্য, আপনাকে ওপেনিং এবং ক্লোজিং <meter></meter> ট্যাগ লিখতে হবে এবং এর মান, ন্যূনতম এবং সর্বোচ্চ গুণাবলী উল্লেখ করতে হবে। আপনার শুধুমাত্র <meter> ট্যাগ ব্যবহার করা উচিত যদি আপনি সর্বাধিক এবং সর্বনিম্ন বৈশিষ্ট্যের জন্য একটি মান নির্ধারণ করতে পারেন। <meter> ট্যাগটি অগ্রগতি নির্দেশ করতে ব্যবহার করা উচিত নয়, যেমন একটি প্রগতি
- [HTML মেটাডেটা উপাদান (The HTML metadata element)](https://jhutanda.com/html-%e0%a6%ae%e0%a7%87%e0%a6%9f%e0%a6%be%e0%a6%a1%e0%a7%87%e0%a6%9f%e0%a6%be-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-metadata-element/): <meta>: HTML মেটাডেটা উপাদান (The HTML metadata element)। মেটা ট্যাগ হল HTML ট্যাগ যা সার্চ ইঞ্জিন এবং অন্যান্য ক্লায়েন্টদের একটি ওয়েব পৃষ্ঠা সম্পর্কে অতিরিক্ত তথ্য প্রদান করে। এগুলি একটি HTML পৃষ্ঠার <head> বিভাগে যোগ করা হয়। মেটা ট্যাগ মেটাডেটা নির্দিষ্ট করতে পারে যেমন: পৃষ্ঠার বিবরণ, কীওয়ার্ড, কপিরাইট, ভাষা, নথির লেখক। মেটা ট্যাগগুলি ক্লায়েন্টদের দ্বারা প্রক্রিয়া করা হয়, যারা তারা সমর্থন করে না এমন কোনোটিকে উপেক্ষা করে। একই পৃষ্ঠায় বিভিন্ন বৈশিষ্ট্য সহ একাধিক মেটা উপাদান ব্যবহার করা যেতে পারে। HTML মেটাডেটা উপাদান (The HTML metadata element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML মেনু উপাদান (The HTML Menu element)](https://jhutanda.com/html-%e0%a6%ae%e0%a7%87%e0%a6%a8%e0%a7%81-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-menu-element/): <menu>: HTML মেনু উপাদান (The HTML Menu element)। HTML <menu> ট্যাগটি কমান্ডের একটি তালিকা তৈরি করতে ব্যবহৃত হয় যা একজন ব্যবহারকারী সম্পাদন করতে বা সক্রিয় করতে পারে। এটি প্রসঙ্গ মেনু, টুলবার তৈরি করতে এবং ফর্ম কন্ট্রোল এবং কমান্ড তালিকাভুক্ত করতে ব্যবহার করা যেতে পারে। <menu> ট্যাগটি HTML থেকে সরানো হয়েছে এবং HTML5 এ পুনরায় চালু করা হয়েছে। এটি বেশিরভাগ প্ল্যাটফর্মে সমর্থিত নয়। HTML মেনু উপাদান (The HTML Menu element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML মার্ক টেক্সট উপাদান (The HTML Mark Text element)](https://jhutanda.com/html-%e0%a6%ae%e0%a6%be%e0%a6%b0%e0%a7%8d%e0%a6%95-%e0%a6%9f%e0%a7%87%e0%a6%95%e0%a7%8d%e0%a6%b8%e0%a6%9f-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-mark-text-element/): <mark>: HTML মার্ক টেক্সট উপাদান (The HTML Mark Text element)। HTML <mark> ট্যাগটি ব্যবহারকারীর জন্য গুরুত্বপূর্ণ বা প্রাসঙ্গিক পাঠ্য হাইলাইট করতে ব্যবহৃত হয়। <mark> ট্যাগ ট্যাগের মধ্যে অবস্থিত। <mark> ট্যাগের সিনট্যাক্স হল: <mark>Apple</mark>। <mark> ট্যাগের ডিফল্ট রঙ হল হলুদ, কিন্তু আপনি CSS বৈশিষ্ট্য ব্যবহার করে রঙ পরিবর্তন করতে পারেন। এছাড়াও আপনি ফন্ট, পটভূমির রঙ এবং ফন্টের রঙ পরিবর্তন করতে পারেন। <mark> ট্যাগটি অন্য উপাদানের ভিতরে পাঠ্য হাইলাইট করতে ব্যবহার করা যেতে পারে, যেমন একটি অনুচ্ছেদ, তালিকা বা টেবিল ইত্যাদি। HTML মার্ক টেক্সট উপাদান (The HTML Mark Text element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML চিত্র মানচিত্র উপাদান (The HTML Image Map element)](https://jhutanda.com/html-%e0%a6%9a%e0%a6%bf%e0%a6%a4%e0%a7%8d%e0%a6%b0-%e0%a6%ae%e0%a6%be%e0%a6%a8%e0%a6%9a%e0%a6%bf%e0%a6%a4%e0%a7%8d%e0%a6%b0-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-image-map-e/): <map>: HTML চিত্র মানচিত্র উপাদান (The HTML Image Map element)। HTML <map> ট্যাগ একটি চিত্র মানচিত্রকে সংজ্ঞায়িত করে, যা ক্লিকযোগ্য এলাকা সহ একটি চিত্র। একটি ক্লায়েন্ট-সাইড চিত্র মানচিত্র সংজ্ঞায়িত করার জন্য <map> ট্যাগটি <area> ট্যাগের সাথে ব্যবহার করা হয়। <area> ট্যাগ একটি চিত্র মানচিত্রের মধ্যে একটি ক্লিকযোগ্য এলাকা বা হটস্পটকে সংজ্ঞায়িত করে। আপনি এই ক্লিকযোগ্য এলাকার সাথে একটি হাইপারলিঙ্ক যুক্ত করতে পারেন। <map> ট্যাগের বেশ কিছু বৈশিষ্ট্য রয়েছে, যার মধ্যে রয়েছে: নাম, আকৃতি, কর্ডস, href, alt ইত্যাদি। <map> ট্যাগটি ছবি এবং মানচিত্রের মধ্যে একটি সম্পর্ক তৈরি করতে <img> ট্যাগের usemap বৈশিষ্ট্যের সাথে যুক্ত। ইমেজ ম্যাপ আলাদা ইমেজ ফাইলে ইমেজ বিভক্ত
- [HTML প্রধান বিষয়বস্তু এলাকা উপাদান (The HTML main content area element)](https://jhutanda.com/html-%e0%a6%aa%e0%a7%8d%e0%a6%b0%e0%a6%a7%e0%a6%be%e0%a6%a8-%e0%a6%ac%e0%a6%bf%e0%a6%b7%e0%a6%af%e0%a6%bc%e0%a6%ac%e0%a6%b8%e0%a7%8d%e0%a6%a4%e0%a7%81-%e0%a6%8f%e0%a6%b2%e0%a6%be%e0%a6%95%e0%a6%be/): <main>: HTML প্রধান বিষয়বস্তু এলাকা উপাদান (The HTML main content area element)। HTML <main> ট্যাগটি একটি HTML নথির মূল বিষয়বস্তু নির্দিষ্ট করতে ব্যবহৃত হয়। মূল বিষয়বস্তু হল পৃষ্ঠার সেই অংশ যা সেই পৃষ্ঠার জন্য অনন্য এবং অন্য পৃষ্ঠাগুলির সাথে ভাগ করা হয় না৷ <main> উপাদানের বিষয়বস্তু নথির জন্য অনন্য হওয়া উচিত এবং নথিতে পুনরাবৃত্তি করা কোনো বিষয়বস্তু থাকা উচিত নয়। <main> ট্যাগ <body> ট্যাগের মধ্যে লেখা হয়। মূল ট্যাগের বিষয়বস্তু সরাসরি নথির কেন্দ্রীয় বিষয়ের সাথে সম্পর্কিত। <main> উপাদানটি পৃষ্ঠার মূল অংশের মধ্যে প্রধান বিষয়বস্তু উপস্থাপন করে। HTML প্রধান বিষয়বস্তু এলাকা উপাদান (The HTML main content area element) সম্পর্কে বিস্তারিত নিচে
- [এইচটিএমএল এক্সটার্নাল রিসোর্স লিঙ্ক এলিমেন্ট (The HTML External Resource Link element)](https://jhutanda.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%8f%e0%a6%95%e0%a7%8d%e0%a6%b8%e0%a6%9f%e0%a6%be%e0%a6%b0%e0%a7%8d%e0%a6%a8%e0%a6%be%e0%a6%b2-%e0%a6%b0%e0%a6%bf/): <link>: এইচটিএমএল এক্সটার্নাল রিসোর্স লিঙ্ক এলিমেন্ট (The HTML External Resource Link element)। HTML <a> ট্যাগটি একটি ওয়েব পেজে হাইপারলিঙ্ক তৈরি করতে ব্যবহৃত হয়। <a> ট্যাগ নির্দেশ করে যেখানে হাইপারলিংক শুরু হয় এবং </a> ট্যাগটি নির্দেশ করে যে এটি কোথায় শেষ হয়। <a> ট্যাগটি এক পৃষ্ঠা থেকে অন্য পৃষ্ঠায় লিঙ্ক করতে ব্যবহৃত হয়। <a> ট্যাগের href অ্যাট্রিবিউট লিঙ্কের গন্তব্য নির্দেশ করে। HTML <link> ট্যাগটি বর্তমান নথি এবং একটি বাহ্যিক সম্পদের মধ্যে সম্পর্ক নির্ধারণ করতে ব্যবহৃত হয়। <link> ট্যাগটি প্রায়শই বহিরাগত স্টাইল শীটগুলির সাথে লিঙ্ক করতে বা একটি ওয়েবসাইটে একটি ফেভিকন যুক্ত করতে ব্যবহৃত হয়। <link> ট্যাগটি নথির <head> বিভাগে স্থাপন করা
- [HTML তালিকা আইটেম উপাদান (The HTML List Item element)](https://jhutanda.com/html-%e0%a6%a4%e0%a6%be%e0%a6%b2%e0%a6%bf%e0%a6%95%e0%a6%be-%e0%a6%86%e0%a6%87%e0%a6%9f%e0%a7%87%e0%a6%ae-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-list-item-element/): <li>: HTML তালিকা আইটেম উপাদান (The HTML List Item element) HTML এ <li> ট্যাগ একটি তালিকা আইটেম সংজ্ঞায়িত করে। এটি অর্ডার যুক্ত তালিকা (<ol>), অ-ক্রমবিহীন তালিকা (<ul>) এবং মেনু তালিকায় (<menu>) ব্যবহার করা হয়। <ul> এবং <menu>-এ, তালিকার আইটেমগুলি সাধারণত বুলেট পয়েন্ট সহ প্রদর্শিত হয়। <ol>-এ, তালিকার আইটেমগুলি সাধারণত সংখ্যা বা অক্ষর দিয়ে প্রদর্শিত হয়। টাইপ পরিবর্তন করে তালিকা আলাদা আলাদা ভাবে শো করাতে পারি। HTML তালিকা আইটেম উপাদান (The HTML List Item element) সম্পর্কে নিচে দেওয়া হল। Example:
- [HTML ফিল্ড সেট লেজেন্ড উপাদান (The HTML Field Set Legend element)](https://jhutanda.com/html-%e0%a6%ab%e0%a6%bf%e0%a6%b2%e0%a7%8d%e0%a6%a1-%e0%a6%b8%e0%a7%87%e0%a6%9f-%e0%a6%b2%e0%a7%87%e0%a6%9c%e0%a7%87%e0%a6%a8%e0%a7%8d%e0%a6%a1-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-t/): <legend>: HTML ফিল্ড সেট লেজেন্ড উপাদান (The HTML Field Set Legend element)। এই ট্যাগটি <fieldset> উপাদানের ক্যাপশন সংজ্ঞায়িত করতে ব্যবহৃত হয়। বাক্য গঠন. <legend> টেক্সট </legend>। HTML ফিল্ড সেট লেজেন্ড উপাদান (The HTML Field Set Legend element) ট্যাগ সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML লেবেল উপাদান (The HTML Label element)](https://jhutanda.com/html-%e0%a6%b2%e0%a7%87%e0%a6%ac%e0%a7%87%e0%a6%b2-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-label-element/): <label>: HTML লেবেল উপাদান (The HTML Label element)। HTML <label> ট্যাগটি একটি ফর্ম নিয়ন্ত্রণে একটি লেবেল যোগ করতে ব্যবহৃত হয়, যেমন পাঠ্য, ইমেল বা পাসওয়ার্ড। লেবেলটি একটি সাধারণ পাঠ্য যা ব্যবহারকারী ফর্ম উপাদান নির্বাচন করতে ক্লিক করতে পারেন। <label> ট্যাগ একটি ইনলাইন উপাদান, যার মানে এটি একটি সম্পূর্ণ লাইন গ্রহণ করে না। ক্লাস অ্যাট্রিবিউট <label> ট্যাগে এক বা একাধিক শ্রেণির নাম বরাদ্দ করে। শৈলী বৈশিষ্ট্য <label> উপাদানটির শৈলী নির্দিষ্ট করে। স্টাইল অ্যাট্রিবিউট অন্য কোনো স্টাইলকে ওভাররাইড করে যা একটি <style> ট্যাগ বা একটি বহিরাগত CSS ফাইলে সংজ্ঞায়িত করা হয়। HTML লেবেল উপাদান (The HTML Label element) বিস্তারিত নিচে দেওয়া হল।
- [HTML কীবোর্ড ইনপুট উপাদান (The HTML Keyboard Input element)](https://jhutanda.com/html-%e0%a6%95%e0%a7%80%e0%a6%ac%e0%a7%8b%e0%a6%b0%e0%a7%8d%e0%a6%a1-%e0%a6%87%e0%a6%a8%e0%a6%aa%e0%a7%81%e0%a6%9f-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-keyboard-input-eleme/): <kbd>: HTML কীবোর্ড ইনপুট উপাদান (The HTML Keyboard Input element)। HTML এ <kbd> ট্যাগটি কীবোর্ড ইনপুট সংজ্ঞায়িত করতে ব্যবহৃত হয়। এটি ব্যবহার করা হয় যখন একটি নথিতে পাঠ্য প্রদর্শনের প্রয়োজন হয় যা ব্যবহারকারীর তাদের কীবোর্ড থেকে প্রবেশ করা উচিত। <kbd> ট্যাগটি ভয়েস ইনপুট বা অন্য কোনো টেক্সট ইনপুট ডিভাইসের জন্যও ব্যবহার করা যেতে পারে। ডিফল্টরূপে, পাঠ্য বিষয়বস্তু একটি মনোস্পেস ফন্ট ব্যবহার করে প্রদর্শিত হয়। <kbd> ট্যাগটি প্রায়শই কম ব্যবহার করা হয়, তবে এটি ব্যবহারকারীর যেকোনো ধরনের ডকুমেন্টেশন লেখার জন্য খুবই উপযোগী। আপনি আপনার <kbd> উপাদানগুলিকে একটু স্টাইলিংয়ের মাধ্যমে অনেক বেশি সহায়ক এবং যোগাযোগমূলক করে তুলতে পারেন। HTML কীবোর্ড ইনপুট উপাদান
- [HTML সন্নিবেশিত টেক্সট উপাদান (The HTML Inserted Text element)](https://jhutanda.com/html-%e0%a6%b8%e0%a6%a8%e0%a7%8d%e0%a6%a8%e0%a6%bf%e0%a6%ac%e0%a7%87%e0%a6%b6%e0%a6%bf%e0%a6%a4-%e0%a6%9f%e0%a7%87%e0%a6%95%e0%a7%8d%e0%a6%b8%e0%a6%9f-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be/): <ins>: HTML সন্নিবেশিত টেক্সট উপাদান (The HTML Inserted Text element)। HTML <ins> ট্যাগটি একটি ওয়েবসাইট বা HTML নথিতে সন্নিবেশিত বা যোগ করা পাঠ্যের পরিসর নির্দিষ্ট করতে ব্যবহৃত হয়। <ins> ট্যাগ একটি ইনলাইন উপাদান। ব্রাউজারে, ট্যাগ বিষয়বস্তু একটি আন্ডারলাইন করা পাঠ্য হিসাবে প্রদর্শিত হয়। যাইহোক, এটি CSS পাঠ্য-সজ্জা বৈশিষ্ট্যের সাথে পরিবর্তন করা যেতে পারে। <ins> ট্যাগ সমস্ত প্রধান ব্রাউজারে সমর্থিত। <ins> ট্যাগটি আরও কার্যকর যখন এটি <del> উপাদানের সাথে ব্যবহার করা হয়। <del> উপাদানটি পাঠ্যের অংশটিকে উপস্থাপন করে যা মুছে ফেলা হয়েছে। HTML সন্নিবেশিত টেক্সট উপাদান (The HTML Inserted Text element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:1 Example: 2 Full Code:
- [HTML ইনপুট (ফর্ম ইনপুট) উপাদান (The HTML Input (Form Input) element)](https://jhutanda.com/html-%e0%a6%87%e0%a6%a8%e0%a6%aa%e0%a7%81%e0%a6%9f-%e0%a6%ab%e0%a6%b0%e0%a7%8d%e0%a6%ae-%e0%a6%87%e0%a6%a8%e0%a6%aa%e0%a7%81%e0%a6%9f-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html/): <input>: HTML ইনপুট (ফর্ম ইনপুট) উপাদান (The HTML Input (Form Input) element)। HTML <input> ট্যাগটি ফর্ম ইনপুট উপাদান তৈরি করতে ব্যবহৃত হয় যা ব্যবহারকারীদের ডেটা প্রবেশ করতে দেয়। <input> ট্যাগ হল সবচেয়ে গুরুত্বপূর্ণ ফর্ম উপাদান। টাইপ অ্যাট্রিবিউটের উপর নির্ভর করে <input> উপাদানটি বিভিন্ন উপায়ে প্রদর্শিত হতে পারে। উদাহরণস্বরূপ, <input type="button">। <input> উপাদানটিকে সবচেয়ে শক্তিশালী HTML উপাদানগুলির মধ্যে একটি হিসাবে বিবেচনা করা হয় কারণ এটির বিভিন্ন প্রকার এবং বৈশিষ্ট্য রয়েছে৷ ইনপুটের টাইপ অ্যাট্রিবিউট নির্ধারণ করে যে কি ধরনের ফর্ম কন্ট্রোল রেন্ডার করা হবে। HTML ইনপুট (ফর্ম ইনপুট) উপাদান (The HTML Input (Form Input) element) ট্যাগ সম্পর্কে বিস্তারত নিচে দেওয়া হল। Example:
- [HTML ইমেজ এম্বেড উপাদান (The HTML Image Embed element)](https://jhutanda.com/html-%e0%a6%87%e0%a6%ae%e0%a7%87%e0%a6%9c-%e0%a6%8f%e0%a6%ae%e0%a7%8d%e0%a6%ac%e0%a7%87%e0%a6%a1-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-image-embed-element/): <img>: HTML ইমেজ এম্বেড উপাদান (The HTML Image Embed element)। HTML <img> ট্যাগটি একটি HTML পৃষ্ঠায় একটি ছবি এম্বেড করতে ব্যবহৃত হয়। <img> ট্যাগটি একটি স্ব-ক্লোজিং ট্যাগ, যার মানে এটিতে একটি ক্লোজিং ট্যাগ নেই। <img> ট্যাগ ছবির জন্য একটি হোল্ডিং স্পেস তৈরি করে। ছবি নিজেই সরাসরি নথিতে ঢোকানো হয় না। পরিবর্তে, ব্রাউজার একটি HTML সন্নিবেশ করায়। HTML ইমেজ এম্বেড উপাদান (The HTML Image Embed element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML ইনলাইন ফ্রেম উপাদান (The HTML Inline Frame element)](https://jhutanda.com/html-%e0%a6%87%e0%a6%a8%e0%a6%b2%e0%a6%be%e0%a6%87%e0%a6%a8-%e0%a6%ab%e0%a7%8d%e0%a6%b0%e0%a7%87%e0%a6%ae-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-inline-frame-element/): <iframe>: HTML ইনলাইন ফ্রেম উপাদান (The HTML Inline Frame element)। HTML iframe ট্যাগ অন্য ওয়েবপেজের মধ্যে একটি ওয়েবপেজ এম্বেড করতে ব্যবহৃত হয়। iframe ট্যাগ <iframe></iframe> ট্যাগ ব্যবহার করে সংজ্ঞায়িত করা হয়। iframe ট্যাগ নথির মধ্যে একটি আয়তক্ষেত্রাকার অঞ্চল তৈরি করে যেখানে ব্রাউজার একটি পৃথক নথি প্রদর্শন করতে পারে। iframe ট্যাগ মিডিয়া বা অ্যাপলেটের মতো তৃতীয় পক্ষের বিষয়বস্তু এম্বেড করতে ব্যবহার করা যেতে পারে। HTML ইনলাইন ফ্রেম উপাদান (The HTML Inline Frame element) ট্যাগ সম্পর্কে বিস্তারিত নিচে আলোচনা করা হল। Example:
- [HTML ইডিওমেটিক টেক্সট উপাদান (The HTML Idiomatic Text element)](https://jhutanda.com/html-%e0%a6%87%e0%a6%a1%e0%a6%bf%e0%a6%93%e0%a6%ae%e0%a7%87%e0%a6%9f%e0%a6%bf%e0%a6%95-%e0%a6%9f%e0%a7%87%e0%a6%95%e0%a7%8d%e0%a6%b8%e0%a6%9f-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-th/): <i>: HTML ইডিওমেটিক টেক্সট উপাদান (The HTML Idiomatic Text element)। HTML <i> ট্যাগ ইটালিক টেক্সট লিখতে ব্যবহৃত হয়। এটি একটি অনুচ্ছেদে একটি শব্দ হাইলাইট করতে বা একটি ভিন্ন কণ্ঠে পাঠ্যের একটি অংশ সংজ্ঞায়িত করতে ব্যবহার করা যেতে পারে। উদাহরণস্বরূপ, আপনি প্রযুক্তিগত পদ, বিদেশী ভাষা থেকে বাক্যাংশ, বা চিন্তা সংজ্ঞায়িত করতে <i> ট্যাগ ব্যবহার করতে পারেন। আপনার শুধুমাত্র <i> ট্যাগ ব্যবহার করা উচিত যখন আরও উপযুক্ত শব্দার্থিক উপাদান না থাকে, যেমন <em> (জোর দেওয়া পাঠ) বা <strong>> (গুরুত্বপূর্ণ পাঠ্য)। HTML ইডিওমেটিক টেক্সট উপাদান (The HTML Idiomatic Text element) পাঠ কে ইতালিক ট্যাগ বল হয়। এই ট্যাগ দ্বারা কোন ওয়ার্ড কে কিংবা
- [এইচটিএমএল ডকুমেন্ট/রুট এলিমেন্ট (The HTML Document / Root element)](https://jhutanda.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%a1%e0%a6%95%e0%a7%81%e0%a6%ae%e0%a7%87%e0%a6%a8%e0%a7%8d%e0%a6%9f-%e0%a6%b0%e0%a7%81%e0%a6%9f-%e0%a6%8f/): <html>: এইচটিএমএল ডকুমেন্ট/রুট এলিমেন্ট (The HTML Document / Root element)। এইচটিএমএল ট্যাগ হল এমন কীওয়ার্ড যা একটি ওয়েব ব্রাউজারকে বলে যে কিভাবে বিষয়বস্তু বিন্যাস এবং প্রদর্শন করতে হয়। এগুলি হল এক ধরণের মার্কআপ ভাষা যা একটি HTML উপাদানের শুরু এবং শেষ নির্দেশ করে। HTML ট্যাগগুলি ওয়েব ব্রাউজারগুলিকে HTML নথিগুলিকে ওয়েব পেজে রূপান্তর করতে সহায়তা করে। <html> ট্যাগ হল একটি HTML নথির মূল এবং ব্রাউজারকে বলে যে এটি একটি HTML নথি। <!DOCTYPE> ট্যাগের পরে এটি একটি HTML নথিতে প্রদর্শিত সমস্ত কিছুর জন্য দ্বিতীয় বাইরের ধারক। <html> ট্যাগের জন্য একটি শুরু এবং শেষ ট্যাগ প্রয়োজন। উদাহরণস্বরূপ, <html> হল ওপেনিং ট্যাগ এবং </html>
- [HTML অনুভূমিক নিয়ম উপাদান (The HTML Horizontal Rule element)](https://jhutanda.com/html-%e0%a6%85%e0%a6%a8%e0%a7%81%e0%a6%ad%e0%a7%82%e0%a6%ae%e0%a6%bf%e0%a6%95-%e0%a6%a8%e0%a6%bf%e0%a6%af%e0%a6%bc%e0%a6%ae-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-horizontal/): <hr>: HTML অনুভূমিক নিয়ম উপাদান (The HTML Horizontal Rule element)। HTML এ <hr> ট্যাগটি একটি ওয়েবপেজে একটি অনুভূমিক রেখা তৈরি করতে ব্যবহৃত হয়। এটিকে অনুভূমিক নিয়ম ট্যাগও বলা হয়। <hr> ট্যাগটি কন্টেন্ট আলাদা করতে বা HTML পৃষ্ঠায় পরিবর্তন সংজ্ঞায়িত করতে ব্যবহৃত হয়। উদাহরণস্বরূপ, আপনি <hr> ট্যাগ ব্যবহার করতে পারেন বিভিন্ন থিম সহ অনুচ্ছেদ আলাদা করতে বা ছবি এবং বিষয়বস্তুর মধ্যে পৃথক থিম করতে। HTML অনুভূমিক নিয়ম উপাদান (The HTML Horizontal Rule element) ট্যাগ এর ব্যবহার নিয়ে বিস্তারতি নিচে আলোচনা করা হল। Example:
- [HTML উপাদান একটি শিরোনাম এবং সম্পর্কিত বিষয়বস্তু  (The HTML element represents a heading and related content )](https://jhutanda.com/html-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-%e0%a6%8f%e0%a6%95%e0%a6%9f%e0%a6%bf-%e0%a6%b6%e0%a6%bf%e0%a6%b0%e0%a7%8b%e0%a6%a8%e0%a6%be%e0%a6%ae-%e0%a6%8f%e0%a6%ac%e0%a6%82-%e0%a6%b8/): <hgroup>: HTML উপাদান একটি শিরোনাম এবং সম্পর্কিত বিষয়বস্তু <h1>–<h6> প্রতিনিধিত্ব করে (The HTML element represents a heading and related content <h1>–<h6>)। HTML এ <hgroup> ট্যাগটি “হেডিং গ্রুপ” এর জন্য দাঁড়ায়। এটি একটি দ্বিতীয়-স্তরের উপাদান যা এক বা একাধিক শিরোনাম উপাদান (<h1>–<h6>)) আবৃত করে। উদাহরণস্বরূপ, আপনি একটি শিরোনাম এবং উপ-শিরোনাম গ্রুপ করতে ব্যবহার করতে পারেন। <hgroup> উপাদানটি একটি একক<h1>–<h6>) উপাদানকে এক বা একাধিক <p> উপাদানের সাথে গ্রুপ করতে পারে। HTML উপাদান একটি শিরোনাম এবং সম্পর্কিত বিষয়বস্তু <h1>–<h6> প্রতিনিধিত্ব করে (The HTML element represents a heading and related content <h1>–<h6>) সম্পর্কে বিস্তারিত নিচে আলোচনা করা হল। Example:
- [HTML হেডার এলিমেন্ট (The HTML Header element)](https://jhutanda.com/html-%e0%a6%b9%e0%a7%87%e0%a6%a1%e0%a6%be%e0%a6%b0-%e0%a6%8f%e0%a6%b2%e0%a6%bf%e0%a6%ae%e0%a7%87%e0%a6%a8%e0%a7%8d%e0%a6%9f-the-html-header-element/): <header>: HTML হেডার এলিমেন্ট (The HTML Header element)। HTML-এ <header> ট্যাগ একটি নথি বা বিভাগের জন্য হেডারকে সংজ্ঞায়িত করে। এটি সম্পর্কিত বিষয়বস্তুর শিরোনাম এবং শিরোনাম সম্পর্কিত তথ্য রয়েছে। <header> উপাদানটি সাধারণত বিভাগের শিরোনাম ধারণ করার উদ্দেশ্যে করা হয়, তবে এটির প্রয়োজন নেই। <header> এলিমেন্টে পরিচিতিমূলক বিষয়বস্তু বা নেভিগেশন লিঙ্কও থাকতে পারে। HTML হেডার এলিমেন্ট (The HTML Header element) সম্পর্কে বিস্তারতি নিচে আলোচনা করা হল। Example:
- [এইচটিএমএল মেটাডেটা হেডার উপাদান (The HTML Metadata Header element)](https://jhutanda.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%ae%e0%a7%87%e0%a6%9f%e0%a6%be%e0%a6%a1%e0%a7%87%e0%a6%9f%e0%a6%be-%e0%a6%b9%e0%a7%87%e0%a6%a1%e0%a6%be%e0%a6%b0/): <head>: এইচটিএমএল মেটাডেটা হেডার উপাদান (The HTML Metadata Header element)। <head> ট্যাগ মেটাডেটা সংজ্ঞায়িত করতে এবং বাহ্যিক সংস্থানগুলিকে লিঙ্ক করতে সহায়তা করে। মেটাডেটা সাধারণত নথির শিরোনাম, অক্ষর সেট, শৈলী, স্ক্রিপ্ট এবং অন্যান্য মেটা তথ্য সংজ্ঞায়িত করে। ওয়েব ব্রাউজারগুলি সামগ্রী প্রদর্শনের জন্য মেটাডেটা ব্যবহার করে এবং কীওয়ার্ডগুলি সার্চ ইঞ্জিন এবং অন্যান্য ওয়েব-পরিষেবাগুলি দ্বারা ব্যবহৃত হয়। এইচটিএমএল মেটাডেটা হেডার উপাদান (The HTML Metadata Header element) সম্পর্কে বিস্তারিত নেচে আলোচনা করা হল। Example:
- [HTML শিরোনাম উপাদান (The HTML Heading elements)](https://jhutanda.com/html-%e0%a6%b6%e0%a6%bf%e0%a6%b0%e0%a7%8b%e0%a6%a8%e0%a6%be%e0%a6%ae-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-heading-elements/): <h1>: HTML শিরোনাম উপাদান (The HTML Heading elements)। H1 ট্যাগ হল একটি HTML হেডিং ট্যাগ যা একটি ওয়েব পেজের প্রধান শিরোনাম তৈরি করতে ব্যবহৃত হয়। এটি একটি পৃষ্ঠায় দৃশ্যমান প্রথম হেডার ট্যাগ এবং সাধারণত একটি পৃষ্ঠায় সবচেয়ে বড় শিরোনাম। H1 ট্যাগটি ভিজিটর এবং সার্চ ইঞ্জিনকে একটি ওয়েব পেজের প্রাথমিক বিষয় নির্দেশ করতে ব্যবহৃত হয়। H1 ট্যাগ সর্বোচ্চ বিভাগ স্তর এবং h6 সর্বনিম্ন। শিরোনাম উপাদানগুলি হল H1, H2, H3, H4, H5, এবং H6৷ H1 সবচেয়ে গুরুত্বপূর্ণ স্তর এবং H6 সর্বনিম্ন। HTML শিরোনাম উপাদান (The HTML Heading elements) ট্যাগ এর উদাহরন সহ নিচে আলোচনা করা হল। Example:
- [HTML ফর্ম উপাদান (The HTML Form element)](https://jhutanda.com/html-%e0%a6%ab%e0%a6%b0%e0%a7%8d%e0%a6%ae-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-form-element/): <form>: HTML ফর্ম উপাদান (The HTML Form element)। HTML <form> ট্যাগটি ব্যবহারকারীর ইনপুটের জন্য একটি ফর্ম তৈরি করতে ব্যবহৃত হয়। নাম, ইমেল ঠিকানা এবং পাসওয়ার্ডের মতো দর্শকদের কাছ থেকে তথ্য সংগ্রহ করতে ফর্মগুলি ব্যবহার করা হয়। ফর্মগুলিতে পাঠ্যক্ষেত্র, চেকবক্স, রেডিও-বোতাম এবং আরও অনেক কিছু থাকতে পারে। HTML ফর্ম উপাদান (The HTML Form element) ট্যাগ সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:
- [HTML ফুটার উপাদান (The HTML footer element)](https://jhutanda.com/html-%e0%a6%ab%e0%a7%81%e0%a6%9f%e0%a6%be%e0%a6%b0-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-footer-element/): <footer>: HTML ফুটার উপাদান (The HTML footer element)। HTML <footer> ট্যাগটি একটি নথি বা বিভাগের জন্য একটি ফুটার সংজ্ঞায়িত করতে ব্যবহৃত হয়। পাদচরণটি সাধারণত পৃষ্ঠার নীচে, প্রধান বিভাগ বা বডির নীচে অবস্থিত। ফুটারে কপিরাইট, লেখক বা ক্যারিয়ারের মতো তথ্য লেখা হয়ে থাকে। HTML ফুটার উপাদান (The HTML footer element) নিয়ে বিস্তারিত নিচে লেখা হল। Example:
- [ঐচ্ছিক ক্যাপশন উপাদান সহ HTML চিত্র (The HTML Figure with Optional Caption element)](https://jhutanda.com/%e0%a6%90%e0%a6%9a%e0%a7%8d%e0%a6%9b%e0%a6%bf%e0%a6%95-%e0%a6%95%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%aa%e0%a6%b6%e0%a6%a8-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-%e0%a6%b8%e0%a6%b9-html/): <figure>: ঐচ্ছিক ক্যাপশন উপাদান সহ HTML চিত্র (The HTML Figure with Optional Caption element)। HTML-এ <figure> ট্যাগটি স্বয়ংসম্পূর্ণ বিষয়বস্তু যেমন ছবি, ভিডিও, অডিও, চার্ট, টেবিল এবং কোড তালিকাকে একত্রিত করতে ব্যবহৃত হয়। <figure> ট্যাগটি একটি HTML নথিতে একটি চিত্রের বিষয়বস্তু শব্দার্থগতভাবে সংগঠিত করতে ব্যবহৃত হয়। এইচটিএমএল এর ঐচ্ছিক ক্যাপশন উপাদান সহ HTML চিত্র (The HTML Figure with Optional Caption element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example: 1 Example: 2 Full Code:
- [HTML চিত্র ক্যাপশন উপাদান (The HTML Figure Caption element)](https://jhutanda.com/html-%e0%a6%9a%e0%a6%bf%e0%a6%a4%e0%a7%8d%e0%a6%b0-%e0%a6%95%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%aa%e0%a6%b6%e0%a6%a8-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-figure-caption-eleme/): <figcaption>: HTML চিত্র ক্যাপশন উপাদান (The HTML Figure Caption element)। এইচটিএমএল এর এই ট্যাগ দ্বারা কোন ইমেজ কিংবা কোন টেক্সট এর ক্যাপশন দেওয়া যায়। HTML চিত্র ক্যাপশন উপাদান (The HTML Figure Caption element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। কোড দ্বারা ব্যখ্যা করা হয়েছে। Example:1 Example: 2 Full Code:
- [HTML ফিল্ড সেট উপাদান (The HTML Field Set element)](https://jhutanda.com/html-%e0%a6%ab%e0%a6%bf%e0%a6%b2%e0%a7%8d%e0%a6%a1-%e0%a6%b8%e0%a7%87%e0%a6%9f-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-field-set-element/): <fieldset>: HTML ফিল্ড সেট উপাদান (The HTML Field Set element)। এইচটিএমএল এর ফর্ম তৈরি করার সময় এই ট্যাগ ব্যবহার করা হয়ে থাকে। HTML ফিল্ড সেট উপাদান (The HTML Field Set element) এর সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:1 Example: 2 Example: 3 Full Code:
- [এইচটিএমএল এম্বেড এক্সটার্নাল কন্টেন্ট এলিমেন্ট (The HTML Embed External Content element)](https://jhutanda.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%8f%e0%a6%ae%e0%a7%8d%e0%a6%ac%e0%a7%87%e0%a6%a1-%e0%a6%8f%e0%a6%95%e0%a7%8d%e0%a6%b8%e0%a6%9f%e0%a6%be%e0%a6%b0/): <embed>: এইচটিএমএল এম্বেড এক্সটার্নাল কন্টেন্ট এলিমেন্ট (The HTML Embed External Content element)। এইচটিএমএল এই ট্যাগ দ্বারা আমার অন্য কোন ওয়েবসাইট, ওয়েবসাইট এর পেজ, ইমেজ, ভিডিও, ইত্যাদি নিজের পেজে দেখাতে পারি আলাদা একটি বক্স আকারে। নিচে এইচটিএমএল এম্বেড এক্সটার্নাল কন্টেন্ট এলিমেন্ট (The HTML Embed External Content element) সম্বন্ধে বিস্তারিত দেওয়া হল। Example:1 Example:2 Example:3 Example: 4 Example: 5 Full Code:
- [এইচটিএমএল জোর উপাদান (The HTML Emphasis element)](https://jhutanda.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%9c%e0%a7%8b%e0%a6%b0-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-the-html-emphasis-element/): <em>: এইচটিএমএল জোর উপাদান (The HTML Emphasis element)। জোর দেওয়া পাঠ্যকে সংজ্ঞায়িত করতে <em> ট্যাগ ব্যবহার করা হয়। ভিতরের বিষয়বস্তু সাধারণত তির্যকভাবে প্রদর্শিত হয়। একজন স্ক্রিন রিডার মৌখিক চাপ ব্যবহার করে জোর দিয়ে <em> তে শব্দগুলি উচ্চারণ করবে। এইচটিএমএল জোর উপাদান (The HTML Emphasis element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল। Example:

## Pages

- [Customer Cabinet](https://jhutanda.com/customer-cabinet-2/)
- [Contact](https://jhutanda.com/contact-2/): Contact Us Contact for Premium Business Services Get in touch with us for project inquiries, support, or collaboration. We’re here to help and respond quickly to your needs. Request Free Consultation Get In Touch Reach Us Dinhata, Cooch Behar, West Bengal, India admin@jhutanda.com +91 8348964688 Call us Toll Free +91 8348964688 Would you like to start a project with us? Share your project idea and requirements with us. We’ll provide a clear, customized quote and guide you through the best solution to achieve your goals. Get a Quote
- [Services](https://jhutanda.com/services/): Services We provide a wide range of Services We offer professional website and app design, development, and digital growth solutions to help businesses succeed with modern technology and creative strategy. How can we help you? I provide expert website and app design, development, marketing, and support services to grow your business with modern, effective digital solutions. Book Now Design I craft creative, user-focused designs that combine beauty and functionality. Every layout is thoughtfully structured to deliver smooth experiences and visually impressive brand identities across all digital platforms. Development I build secure, scalable, high-performance websites and mobile apps using modern technologies,
- [About](https://jhutanda.com/about/): About Us Welcome to The Digital Agency We create innovative digital solutions through expert design, development, and strategy—helping businesses grow with creativity, technology, and reliable long-term support. Who Are We We are a creative digital agency specializing in website and app design, development, marketing, and branding. We transform ideas into powerful digital products that inspire growth and success. Our Mission Our mission is to deliver innovative, high-quality digital solutions that empower businesses to grow, enhance customer experiences, and create lasting value through creativity, technology, and continuous improvement. What We Do UI UX Design Website Development Marketing Social Media eCommerce Store
- [Home](https://jhutanda.com/): Welcome Create Amazing Business Websites I’m Jhutan, a professional website and mobile app designer & developer. I create modern, responsive, user-friendly digital products for businesses and startups, specializing in UI/UX, performance, and powerful functional solutions. BOOK A MEETING How can we help you? I provide professional website and mobile app design, development, and digital solutions to help your business grow with modern UI/UX, performance, and reliable results. BOOK A MEETING Design I create visually appealing, user-friendly designs focused on strong UI/UX principles. My goal is to make every interface intuitive, creative, and perfectly aligned with your brand identity. Development I
- [Shop](https://jhutanda.com/shop/)
- [Dashboard](https://jhutanda.com/customer-dashboard/)
- [Checkout](https://jhutanda.com/checkout/)
- [Customer Cabinet](https://jhutanda.com/customer-cabinet/)
- [simple form wp](https://jhutanda.com/simple-form-wp/)
- [Refund Policy](https://jhutanda.com/refund-policy/): Thank you for choosing Web Saathi for your online learning needs. We appreciate your trust in our courses. Before you proceed with your purchase, please read our refund policy carefully. Refund Eligibility We want you to be satisfied with your purchase. Refunds will be considered under the following circumstances: a. Dissatisfaction with Course Content If you are not satisfied with the course content and can demonstrate that you have completed the coursework as instructed, you may be eligible for a refund. Please contact our support team within [21 days] of the purchase date to initiate the refund process. b. Technical
- [Registration Done](https://jhutanda.com/registration-done/): Verify your email address In order to start using your account, you need to confirm your email address. Go to your email inbox and verify your account now. Go to Home Page * If you did not sign up for this account, you can ignore this email and the account will be deleted.
- [Blog](https://jhutanda.com/blog/): Blog
- [Terms & Conditions](https://jhutanda.com/terms-conditions/): Welcome to Web Saathi! Please read these terms and conditions carefully before using our website or purchasing our courses. By accessing or using our website, you agree to comply with and be bound by these terms. If you do not agree with any part of these terms, please do not use our website or purchase our courses. Acceptance of Terms By using our website and purchasing our courses, you acknowledge that you have read, understood, and agree to be bound by these terms and conditions. These terms apply to all visitors, users, and others who access or use the service.
- [Privacy Policy](https://jhutanda.com/privacy-policy/): Privacy Policy Last updated: July 05, 2023 This Privacy Policy describes Our policies and procedures on the collection, use and disclosure of Your information when You use the Service and tells You about Your privacy rights and how the law protects You. We use Your Personal data to provide and improve the Service. By using the Service, You agree to the collection and use of information in accordance with this Privacy Policy. Interpretation and Definitions Interpretation The words of which the initial letter is capitalized have meanings defined under the following conditions. The following definitions shall have the same meaning


[comment]: # (Generated by Hostinger Tools Plugin)