যখন আপনি কোনও ওয়েব পৃষ্ঠার জন্য HTML কোডটিতে পাঠ্য যোগ করেন, তখন অনুচ্ছেদের উপাদানটিতে বলুন, আপনার পাঠ্যক্রমগুলির যে লাইন ভাঙ্গবে বা স্থানটি ব্যবহার করা হবে তার উপর আপনার কোন নিয়ন্ত্রণ নেই। এটি এমন কারণ যা ওয়েব ব্রাউজারটি রয়েছে এমন এলাকার উপর ভিত্তি করে প্রয়োজনীয় পাঠ্য প্রবাহ করবে। এতে প্রতিক্রিয়াশীল ওয়েবসাইটগুলি রয়েছে যা খুব তরল লেআউট থাকবে যা পৃষ্ঠাটি দেখতে স্ক্রিনের আকারের উপর ভিত্তি করে পরিবর্তন করে। এইচটিএমএল টেক্সট একটি লাইন বিরতি যেখানে এটি তার ধারণকারী এলাকার শেষে পৌঁছেছেন একবার প্রয়োজন। অবশেষে, ব্রাউজারটি আপনার চেয়ে কীভাবে বিরতি দেয় তা নির্ধারণে ব্রাউজার আরও ভূমিকা পালন করে।
একটি নির্দিষ্ট বিন্যাস বা বিন্যাস তৈরির জন্য স্পেস যোগ করার শর্তে, HTML স্পেসবার, ট্যাব, বা ক্যারেজ রিটার্ন সহ কোডে যুক্ত করা স্থানটিকে চিনতে পারে না। যদি আপনি একটি শব্দ এবং তার পরে আসা শব্দটির মধ্যে বিশটি স্থান রাখেন, তবে ব্রাউজার কেবলমাত্র একটি স্থানকে রেন্ডার করবে। এটি হোয়াইট স্পেস পতন হিসাবে পরিচিত এবং এটি আসলে এইচটিএমএল ধারণার একটি যা প্রথম দিকে শিল্প সংগ্রামের সাথে নতুন। তারা আশা করে এইচটিএমএল হোয়াইটস্পেসটি মাইক্রোসফ্ট ওয়ার্ডের মতো প্রোগ্রামে কীভাবে কাজ করবে, কিন্তু এইচটিএমএল হোয়াইটস্পেস কীভাবে কাজ করে তা নয়।
বেশিরভাগ ক্ষেত্রেই, কোনও HTML নথিতে পাঠ্যকে স্বাভাবিকভাবেই পরিচালনা করা আপনার ঠিক প্রয়োজন, তবে অন্য ক্ষেত্রে, আপনি প্রকৃতপক্ষে কীভাবে পাঠ্যটি স্থানান্তরিত হয় এবং এটি কোথায় লাইনগুলি ভেঙ্গে যায় তার উপর আরো নিয়ন্ত্রণ করতে চান। এটি প্রাক-বিন্যাসিত পাঠ্য হিসাবে পরিচিত হয় (অন্য কথায়, আপনি বিন্যাসটি নির্দেশ করেন)। আপনি এইচটিএমএল ব্যবহার করে আপনার ওয়েব পেজে প্রাক ফর্ম্যাট টেক্সট যোগ করতে পারেন
ব্যবহার করে ট্যাগ
অনেক বছর আগে, প্রাক-বিন্যাসিত পাঠ্যের ব্লকের সাথে ওয়েব পৃষ্ঠাগুলি দেখতে এটি সাধারণ ছিল। ব্যবহার করে
প্রাক টাইপ করে ফর্ম্যাট করা পৃষ্ঠার বিভাগগুলিকে সংজ্ঞায়িত করতে ট্যাগটি ওয়েব ডিজাইনারদের জন্য পাঠানোর জন্য পাঠ্যটি প্রদর্শনের জন্য এটি দ্রুত এবং সহজ উপায় ছিল। এটি লেআউটের জন্য CSS এর উত্থানের আগে ছিল, যখন ওয়েব ডিজাইনারগুলি টেবিল এবং অন্যান্য HTML- র কেবলমাত্র পদ্ধতিগুলি ব্যবহার করে লেআউটকে জোরদার করার চেষ্টা করেছিল। এই (কিন্তা) ফিরে কাজ করেছিল কারণ পূর্ব-বিন্যাসিত পাঠ্যটি এমন টেক্সট হিসাবে সংজ্ঞায়িত করা হয়েছে যা কাঠামোটি HTML উপস্থাপনায়ের পরিবর্তে টাইপোগ্রাফিক কনভেনশনগুলির দ্বারা সংজ্ঞায়িত করা হয়েছে।
আজকে এই ট্যাগটি এত বেশি ব্যবহার করা হয় না কারণ সিএসএস আমাদের এইচটিএমএল-এ চেহারা জোরদার করার চেষ্টা করার চেয়ে আরও কার্যকরী উপায়ে দৃশ্যমান শৈলীগুলিকে নির্দেশ করতে দেয় এবং ওয়েব মানগুলি কাঠামো (এইচটিএমএল) এবং শৈলী (সিএসএস) পরিষ্কারভাবে বিচ্ছিন্ন করার নির্দেশ দেয়। তবুও, উদাহরণস্বরূপ প্রাক-বিন্যাসিত পাঠ্য অনুভূতি তৈরি করতে পারে, যেমন কোনও মেইলিং ঠিকানাের জন্য যেখানে আপনি লাইন বিরতি বা কবিতার উদাহরণগুলির জন্য লাইন বিরতি সামগ্রীটির পাঠ এবং সামগ্রিক প্রবাহের জন্য অপরিহার্য।
এখানে এইচটিএমএল ব্যবহার করার এক উপায়
ট্যাগ:
Twas brillig এবং slithey toves
Gyre এবং জিম্মি করা
মধ্যে
দ্য
wabe
সাধারণ এইচটিএমএল নথির সাদা স্থান ধ্বসে। এর অর্থ এই পাঠ্যটিতে ব্যবহৃত ক্যারিয়ার আয়, স্পেস এবং ট্যাব অক্ষরগুলি এক জায়গায় স্থানান্তরিত হবে। যদি আপনি উপরে উল্লেখিত উদ্ধৃতিটিকে পি (অনুচ্ছেদ) ট্যাগের মত একটি সাধারণ HTML ট্যাগে টাইপ করেন, তবে আপনি পাঠ্যের এক লাইনের সাথে শেষ হয়ে যাবেন: ত্রিশটি দারুচিনি এবং স্লিথি টাভসগুলি কি দাগ ও দড়ি দিয়েছিল প্রাক ট্যাগ হিসাবে সাদা স্থান অক্ষর পাতা। তাই লাইন বিরতি, স্পেস এবং ট্যাব সমস্ত ব্রাউজারের যে সামগ্রী রেন্ডারিং রক্ষণাবেক্ষণ করা হয়। একটি ভিতরে উদ্ধৃতি নির্বাণ প্রাক একই পাঠ্যের জন্য ট্যাগটি এই প্রদর্শনের ফলাফল পাবে: Twas brillig এবং slithey toves Gyre এবং জিম্মি করা মধ্যে দ্য wabe দ্য প্রাক ট্যাগটি আপনি যে পাঠ্যটি লিখছেন তার জন্য কেবল স্পেস এবং বিরতিগুলি বজায় রাখে। অধিকাংশ ব্রাউজারে, এটি একটি মহাকাশ ফন্টে লেখা হয়। এই পাঠ্য অক্ষর প্রস্থ সমান সমান করে তোলে। অন্য কথায়, চিঠিটি আমি যতটুকু লিখি সেই অক্ষরটি w। আপনি যদি ব্রাউজার প্রদর্শনের ডিফল্ট মোনোস্পেসের পরিবর্তে অন্য ফন্ট ব্যবহার করতে পছন্দ করেন তবে আপনি স্টাইল শীটগুলির সাথে এটি পরিবর্তন করতে পারেন এবং যে কোনও ফন্ট নির্বাচন করতে চান যা আপনি পাঠাতে চান। মনে রাখা এক জিনিস হল, HTML5 এ, "প্রস্থ" বৈশিষ্ট্যটি আর সমর্থিত নয় ২/২/17 তারিখে জেরেমি গেরার্ড দ্বারা সম্পাদিত ফন্ট সংক্রান্ত
HTML5 এর
উপাদান। এইচটিএমএল 4.01 তে, প্রস্থটি একটি লাইন ধারণকারী অক্ষরের সংখ্যা নির্দিষ্ট করে, তবে এটি HTML5 এবং তারপরেও বাদ দেওয়া হয়েছে।
