একটি নিয়ম হিসাবে, পাঠ্যের ব্লকগুলি অনুচ্ছেদ (অনুচ্ছেদ) দ্বারা পৃথক করা হয়। ডিফল্টরূপে, অনুচ্ছেদের মধ্যে একটি ছোট উল্লম্ব স্থান থাকে, যাকে স্পেস বলা হয়।

অনুচ্ছেদ তৈরির সিনট্যাক্স নিম্নরূপ।

অনুচ্ছেদ 1

অনুচ্ছেদ 2

প্রতিটি অনুচ্ছেদ একটি ট্যাগ দিয়ে শুরু হয়

.

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

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

উদাহরণ 7.1 লাইনের মধ্যে ইন্ডেন্ট তৈরি করতে অনুচ্ছেদের ব্যবহার দেখায়।

অনুচ্ছেদ ব্যবহার করে

কিছু জায়গায় এটি এখনও ফেব্রুয়ারি, অন্যগুলিতে এটি ইতিমধ্যে এপ্রিল।

সময় চলে যায়, শাশ্বত গণনা: বছরের পর বছর, শতাব্দীর পর শতাব্দী...

সব কিছুতেই - তার অবিরাম গতি, তার পিচ-কালো দৌড়।

বছরে পঁচিশ সপ্তাহ থাকে আনন্দ-বেদনার।

আমি ফেব্রুয়ারিতে পঁচিশ সপ্তাহ, এপ্রিলে পঁচিশ সপ্তাহ।

পঁচিশ সপ্তাহ ধরে কুয়াশায় সেঞ্চুরি কেটে যায়।

আমার মনোরম প্রহসন মেঘের দিকে কোথাও উড়ে যাচ্ছে।

এম শেরবাকভ

এই উদাহরণের ফলাফল চিত্রে দেখানো হয়েছে। 7.1।

ভাত। 7.1। অনুচ্ছেদ ব্যবহার করার সময় একটি ওয়েব পৃষ্ঠায় ইন্ডেন্টেশন

ট্যাগ ব্যবহার করার সময় চিত্র থেকে দেখা যায়
অনুচ্ছেদের মধ্যে অনেক স্পেস আছে। আপনি লাইন বিরতিতে একটি ট্যাগ যোগ করলে আপনি তাদের পরিত্রাণ পেতে পারেন:
. একটি অনুচ্ছেদের বিপরীতে, একটি লাইন বিরতি ট্যাগ

লাইনের মধ্যে অতিরিক্ত উল্লম্ব স্পেস তৈরি করে না এবং প্রায় যেকোনো টেক্সটে ব্যবহার করা যেতে পারে।

সুতরাং, উদাহরণ 7.1-এর পাঠ্য, লাইন বিরতিগুলিকে বিবেচনা করে, নিম্নরূপ রূপান্তরিত হবে (উদাহরণ 7.2)।

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

আমার মনোরম প্রহসন মেঘের দিকে কোথাও উড়ে যাচ্ছে।

আমার মনোরম প্রহসন মেঘের দিকে কোথাও উড়ে যাচ্ছে।

ট্যাগ সংজ্ঞায়িত অনুচ্ছেদ, স্থান, HTML ব্লক এবং অনুচ্ছেদ

এর বিস্তারিতভাবে তাকান এইচটিএমএল ব্লক এবং অনুচ্ছেদএকটি ওয়েব পৃষ্ঠার উপাদান হিসাবে।

• এইচটিএমএল অনুচ্ছেদট্যাগ দ্বারা সংজ্ঞায়িত।
• এইচটিএমএল অনুচ্ছেদসাধারণত টেক্সট, ফরম্যাটিং ট্যাগ এবং ছবি থাকে।
• এইচটিএমএল অনুচ্ছেদনিজেকে ধারণ করতে পারে না ব্লক উপাদানযেমন হেডার
  

  -

  , ব্লক
  এবং অন্যান্য অনুচ্ছেদ।
• এইচটিএমএল ব্লকট্যাগ দ্বারা সংজ্ঞায়িত
  .
• এইচটিএমএল ব্লকএকটি ওয়েব পৃষ্ঠার যে কোনো উপাদান থাকতে পারে, যেকোনো পরিমাণে।
• এইচটিএমএল ব্লকওয়েব পৃষ্ঠাগুলির জন্য দুর্দান্ত এবং ম্যানিপুলেট করা সহজ।

নীচের কোড বিবেচনা করুন:

ফলাফল:

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

এই ধরনের স্থানগুলি তৈরি করা হয় না কারণ তারা কোন লোড বহন করে না, তবে কেবল পাত্র।

ট্যাগ অন্যান্য বা থাকতে পারে না

.

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

HTML, আধুনিক XHTML এর মতো, ট্যাগ লেখার সময় বড় অক্ষর ব্যবহার করার অনুমতি দেয় না।

ব্লক আপনি চান হিসাবে অনেক ধারণ করতে পারেন এবং অন্যান্য উপাদানএইচটিএমএল

নথি এটি লেআউটের জন্য আদর্শ, তবে সে সম্পর্কে আরও পরে - CSS টিউটোরিয়াল পাঠে।

বিশেষ অক্ষর টেবিল থেকে HTML স্থানএইচটিএমএল স্পেস

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

, আমাদের মনে আছে, টেক্সটটিকে মনোস্পেসে রূপান্তর করুন (টাইপলিখিত)।

একটি HTML অনুচ্ছেদ প্রদর্শনের উপায়

অনুচ্ছেদ আউটপুট উদাহরণ.

টাস্ক

একটি ট্যাগ ব্যবহার করে তৈরি করা পাঠ্যের অনুচ্ছেদের মধ্যে দূরত্ব পরিবর্তন করুন

সমাধান

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

উদাহরণ 1. একটি অনুচ্ছেদের ইন্ডেন্টেশন মান পরিবর্তন করা

HTML5 CSS 2.1 IE Cr Op Sa Fx

সূর্য উজ্জ্বলভাবে জ্বলছিল,
বাতাস ফর্সা হয়ে গেল -
যাত্রীরা পেয়েছেন
পথটি মনোরম এবং সহজ।
হঠাৎ দূরে একটি জলদস্যু জাহাজ
লম্বা পতাকা নিয়ে হাজির;
তার উপর একটি মেষ রাখা হয়েছিল,
হামলার জন্য প্রস্তুত।

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

উদাহরণের ফলাফল চিত্রে দেখানো হয়েছে। 1.

ভাত। 1. পাঠ্যের অনুচ্ছেদের মধ্যে ফাঁক

IN এই উদাহরণেঅনুচ্ছেদের উপরে এবং নীচে বিভিন্ন ইন্ডেন্ট প্রয়োগ করা হয়। এটি বিশেষ করে গুরুত্বপূর্ণ যখন পাঠ্যটিতে চিত্র এবং উপশিরোনাম থাকে।

এটি একটি নির্দিষ্ট শৈলী দিতে, আপনি উপযুক্ত পাত্রে টেক্সট স্থাপন করতে হবে।

সমস্ত ফর্ম্যাটিং ট্যাগ তিনটি গ্রুপে বিভক্ত করা যেতে পারে:

1. শিরোনাম ট্যাগ ( h1-h6).

2. বডি টেক্সট ডিজাইন ট্যাগ ( , , ,

, 
ইত্যাদি)।
3. গ্রুপিং ট্যাগ ( 

, 

, 

)

শিরোনাম ট্যাগ
তারা নিয়মিত পাঠ্যকে একটি নির্দিষ্ট স্তরের শিরোনামে পরিণত করে।  ট্যাগ 

একটি প্রথম-স্তরের শিরোনাম তৈরি করে - বৃহত্তম এবং সবচেয়ে গুরুত্বপূর্ণ (সাধারণত পৃষ্ঠায় নিবন্ধের শিরোনাম), 

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

যেতে হবে 

, এবং কাছাকাছি উপায় না.

এটি কীভাবে কাজ করে তা বুঝতে, html ফাইলে নিম্নলিখিত কোডটি প্রবেশ করান:
 
প্রথম স্তরের শিরোনাম
দ্বিতীয় স্তরের শিরোনাম
তৃতীয় স্তরের শিরোনাম
চতুর্থ স্তরের শিরোনাম
পঞ্চম স্তরের শিরোনাম
ছয় স্তরের শিরোনাম

এটি ব্রাউজারে এই মত দেখাবে:
বডি টেক্সট ডিজাইন ট্যাগ
অক্ষর স্তরে বিন্যাস করার অনুমতি দেয়।  আপনি তাদের সঙ্গে কি করতে পারেন দেখুন.
বোল্ড টাইপ
পাঠ্যের প্রতি মনোযোগ দিতে হবে।  এটি সার্চ ইঞ্জিনের জন্যও গুরুত্বপূর্ণ; তারা কীওয়ার্ড হাইলাইট করতে পারে।
সাহসী শৈলী ট্যাগ জন্য দায়ী 
এবং .

সুপারস্ক্রিপ্ট এবং সাবস্ক্রিপ্ট
এগুলি সূত্র, সমীকরণ এবং নির্দিষ্ট পরিমাণের উপাধিতে ব্যবহার করা যেতে পারে।
ট্যাগ সাবস্ক্রিপ্ট তৈরির জন্য দায়ী 
, উপরেরগুলির জন্য ট্যাগ ব্যবহার করা হয় 
.
এক্স 1=32 মি 2
ডাউনসাইজিং
আপনি যদি পুরো পৃষ্ঠায় টেক্সটটিকে সেট করা মান থেকে কম করতে চান, তাহলে আপনাকে ট্যাগটি ব্যবহার করতে হবে 

সরল পাঠ্য। লেখা কমানো।
আন্ডারস্কোর
এই ধরনের হাইলাইটিং একটি নথিতে করা পরিবর্তনগুলি নির্দেশ করতে বা পাঠ্যের প্রতি মনোযোগ আকর্ষণ করতে ব্যবহার করা যেতে পারে।
সরল পাঠ্য। আন্ডারলাইন করা পাঠ্য।
স্ট্রাইকথ্রু
আপনি তথ্য ক্রস আউট করতে পারেন যদি এটি ইতিমধ্যে তার প্রাসঙ্গিকতা হারিয়ে ফেলে।  এই জন্য ট্যাগ 
.
তির্যক
পাঠ্যের উপর মনোযোগ ফোকাস করা প্রয়োজন, এবং একটি ট্যাগ দিয়ে তৈরি করা যেতে পারে 
বা 
.

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

  এভাবে a, b, c, এখানে প্রোগ্রাম সঞ্চালনের ফলাফল , এবং এই ব্যবহারকারী পাঠ্য প্রবেশ করান 
এই মত কিছু প্রদর্শন
.

উদ্ধৃতি এবং সংজ্ঞা
প্রোগ্রাম কোড দেখতে কেমন হবে 
এভাবে 
, ভেরিয়েবলগুলি নিম্নরূপ মনোনীত করা হয়েছে: 
 a, b, c 
, এখানে 
প্রোগ্রাম সঞ্চালনের ফলাফল 
, এবং এই 
ব্যবহারকারী পাঠ্য প্রবেশ করান 
.  মূল বিন্যাস রাখুন 
এই মত কিছু প্রদর্শন 

.

 
ব্লককোট ট্যাগে উদ্ধৃতি।
উদ্ধৃতি ধারক ভিতরে.সংক্ষিপ্ত উদ্ধৃতি ট্যাগ q.নিবেদিত সংজ্ঞা।সংক্ষেপণ (NPO, IP)।

সাধারণ উদাহরণ
প্রতিটি ট্যাগ কীসের জন্য দায়ী এবং এটি কীভাবে কাজ করে তা আরও ভালভাবে বোঝার জন্য, নিম্নলিখিত কোড এবং এটির সম্পাদনের ফলাফল দেখুন৷
 
চর্বিযুক্তটেক্সট ট্যাগ করা যেতে পারে শক্তিশালীএবং খ.  জন্য তির্যকউত্তর emএবং i.
ট্যাগ উপএবং supতৈরি করতে ব্যবহৃত হয় নিম্ন(x 1…x n) এবং উপরের (42=16) সূচক। দেল অতিক্রম করে, ins - জোর দেয়।
ট্যাগ কোড, কেবিডি, varএবং স্যাম্পখুব কমই ব্যবহৃত হয় এবং প্রোগ্রাম তালিকা প্রদর্শনের জন্য প্রয়োজন
 abbrসংক্ষিপ্ত রূপ নির্দেশ করতে প্রয়োজন ( এইচটিএমএল)  ব্লককোট, উদ্ধৃতি এবং কিউ ট্যাগগুলি উদ্ধৃতি ফর্ম্যাট করতে ব্যবহৃত হয় ( আকাশ ইতিমধ্যে শরতের নিঃশ্বাস নিচ্ছিল)
প্রাক ট্যাগ স্পেস বা লাইন ব্রেক না সরিয়ে মূল টেক্সট ফরম্যাটিং সংরক্ষণ করে।

ব্রাউজার এই কোডটি নিম্নরূপ ব্যাখ্যা করে:

গ্রুপিং ট্যাগ
এটি প্রয়োজনীয় যে পাঠ্যটি একটি অবিচ্ছিন্ন লাইনে প্রবাহিত হয় না, তবে যৌক্তিক উপাদানগুলিতে বিভক্ত হয়।
ট্যাগের ভিতরে একটি অনুচ্ছেদ আছে।
 
প্রথম অনুচ্ছেদ
দ্বিতীয় অনুচ্ছেদ


ট্যাগ 

একটি অনুচ্ছেদের মধ্যে পরবর্তী লাইনে চলে যায় (লাইনের আগে কোন ইন্ডেন্টেশন থাকবে না)।

আপনাকে একটি অনুভূমিক রেখা আঁকতে দেয়।  আপনি আরও স্পষ্টভাবে পাঠ্য আলাদা করতে এটি ব্যবহার করতে পারেন।  গুণাবলী প্রস্থ, আকার, রঙ, সারিবদ্ধএবং noshadeলাইনের প্রস্থ, বেধ, রঙ, প্রান্তিককরণ এবং 3D প্রভাবের অভাব যথাক্রমে সেট করুন।
 
লাইনের উপরে লাইন। 
লাইনের নিচে লাইন।

HTML নথির ক্ষেত্রে, ট্যাগগুলি বিষয়বস্তুকে কীভাবে উপস্থাপন করা উচিত তা নির্দেশ করার চেয়ে বেশি কাজ করে।  উপস্থাপনার উপর বৃহত্তর নিয়ন্ত্রণ শৈলী দিয়ে অর্জন করা হয়।  এই নিবন্ধে আমি সেই শৈলীগুলি দেখব যেগুলি HTML এ অনুচ্ছেদ বিন্যাসের সাথে যুক্ত।
ট্যাগ 
HTML-এ, আপনি অনুচ্ছেদগুলি নির্দিষ্ট করতে পারেন এবং সারিবদ্ধ বৈশিষ্ট্য তাদের বাম, ডান, কেন্দ্র বা ন্যায়সঙ্গত করে।  তাদের ছাড়াও, আমরা গ্লোবাল স্টাইল অ্যাট্রিবিউট ব্যবহার করব।
অনুচ্ছেদ প্রান্তিককরণ
আপনি নিম্নলিখিত মানগুলির সাথে সারিবদ্ধ বৈশিষ্ট্য ব্যবহার করে একটি অনুচ্ছেদ সারিবদ্ধ করতে পারেন:
টেক্সট-সারিবদ্ধ: বাম|ডান|কেন্দ্র
নিচের কোডটি আপনার .html ফাইলে কপি করুন।


এই অনুচ্ছেদটি কেন্দ্রে সারিবদ্ধ
এই অনুচ্ছেদ ডান প্রান্তিককৃত
এই অনুচ্ছেদ ব্রাউজার উইন্ডোতে ন্যায়সঙ্গত প্রদর্শিত হবে.  একটি ন্যায্য অনুচ্ছেদ অতিরিক্ত স্পেস যোগ করে ডান এবং বামে সারিবদ্ধ করা হয়।  আপনি দেখতে পাচ্ছেন যে ন্যায্য অনুচ্ছেদের প্রান্তগুলি বাম- এবং ডান-সারিবদ্ধ অনুচ্ছেদের প্রান্তগুলির সাথে মেলে৷  একটি বাম-সারিবদ্ধ অনুচ্ছেদে, বাম প্রান্তটি সোজা, যখন একটি ডান-সারিবদ্ধ অনুচ্ছেদে, ডান প্রান্তটি সোজা।  আপনি কি দেখতে পাচ্ছেন যে এই অনুচ্ছেদের উভয় প্রান্তই সোজা?  এটি text-align:justify শৈলীর মাধ্যমে অর্জন করা হয়।

জানালায় এইচটিএমএল ব্রাউজারঅনুচ্ছেদ কোড এই মত দেখায়.
লাইন ব্যবধান
আপনি style=line-height ব্যবহার করে অনুচ্ছেদ লাইনের ব্যবধান নিয়ন্ত্রণ করতে পারেন।  নিম্নলিখিত মানগুলির সাথে শৈলী বৈশিষ্ট্যটি ব্যবহার করুন:
লাইন-উচ্চতা: স্বাভাবিক|সংখ্যা|দৈর্ঘ্য|প্রাথমিক|উত্তরাধিকার;
নীচে HTML কোডের একটি উদাহরণ যা বিভিন্ন লাইন ব্যবধান সহ অনুচ্ছেদগুলি প্রদর্শন করে:


এই অনুচ্ছেদটি শৈলী বৈশিষ্ট্যের জন্য দুটি মান ব্যবহার করে।  প্রথম লাইন-উচ্চতা:1.5 অনুচ্ছেদের জন্য দেড় লাইনের ব্যবধান নির্দিষ্ট করে, এবং দ্বিতীয় মান text-align:justify নির্দিষ্ট করে যে অনুচ্ছেদ পাঠ্যটি প্রস্থ জুড়ে বিতরণ করা উচিত।
এই অনুচ্ছেদটি দ্বিগুণ স্থানযুক্ত এবং ন্যায়সঙ্গত।  লাইন-উচ্চতা: 2 দ্বিগুণ ব্যবধান নির্দিষ্ট করে।  শৈলী বৈশিষ্ট্যের দুটি মান থাকতে হবে না।  কিন্তু আপনি যদি দুটি মান নির্দিষ্ট করতে চান, আপনি সেমিকোলন দিয়ে আলাদা করে তা করতে পারেন।



এখানে শৈলী বৈশিষ্ট্যের জন্য লাইন-উচ্চতা মান ব্যবহার করার কয়েকটি ভিন্ন উপায় রয়েছে: 
: লাইন ব্যবধান 13 পিক্সেল সেট করে; 

: বর্তমান ফন্টের আকারের তুলনায় অনুচ্ছেদের মধ্যে HTML ব্যবধান 200% সেট করে; 

: লাইনের উচ্চতা 14 পিক্সেলে সেট করে।
ইন্ডেন্টেশন
বুঝতে সহজ করার জন্য আমি "ইন্ডেন্ট" শব্দটি ব্যবহার করেছি।  কিন্তু HTML-এ, আমরা একটি বস্তুর চারপাশে খালি স্থান তৈরি করতে স্পেসিং ব্যবহার করি।  আপনি বাম বা ডানে একটি অনুচ্ছেদ ইন্ডেন্ট করতে প্যাডিং মান সহ শৈলী বৈশিষ্ট্য ব্যবহার করতে পারেন।
নীচে বাম এবং ডান ইন্ডেন্টেশন সহ অনুচ্ছেদের একটি উদাহরণ:



এই অনুচ্ছেদটি ইন্ডেন্ট করা নয়, এটি কেবল ন্যায়সঙ্গত।  এই অনুচ্ছেদের জন্য P উপাদানের শৈলী বৈশিষ্ট্য দেখুন।
এই অনুচ্ছেদের জন্য, আমি padding-left:30px স্টাইল ব্যবহার করে বাম প্যাডিং 30px এ সেট করেছি।  এই অনুচ্ছেদটি text-align:justify শৈলী ব্যবহার করেও ন্যায্য।  আপনি ইতিমধ্যেই জানেন, আমরা স্টাইল অ্যাট্রিবিউটের জন্য সেমিকোলন দিয়ে আলাদা করে একাধিক মান ব্যবহার করতে পারি।
এবং এই অনুচ্ছেদের 30 পিক্সেলের ডান ইন্ডেন্ট আছে, কিন্তু বাম ইন্ডেন্ট নেই।  এটি প্রস্থের সাথেও সারিবদ্ধ।  স্টাইল অ্যাট্রিবিউটের 'প্যাডিং-ডান' মান সঠিক প্যাডিং নির্দিষ্ট করে।  আপনি যদি প্রভাব দেখতে না পান, তাহলে আপনার ব্রাউজার উইন্ডোর প্রস্থ কমিয়ে দিন যাতে ন্যায্য HTML অনুচ্ছেদটি সঠিকভাবে প্রদর্শিত হয়।

অনুচ্ছেদের মধ্যে ইন্ডেন্টেশন (অনুচ্ছেদের আগে এবং পরে ইন্ডেন্টেশন)
এইচটিএমএল বা সিএসএসে আমাদের এটির প্রয়োজন নেই।  আমরা সহজভাবে উপাদানটির জন্য প্যাডিং শৈলী নির্দিষ্ট করতে পারি 
প্যাডিং-টপ এবং প্যাডিং-বটম একটি অনুচ্ছেদের আগে এবং পরে সাদা স্থান নির্দিষ্ট করে, যা উপরের বা নীচে প্যাডিংয়ের মতো কাজ করে।  নীচের ট্যাগ উদাহরণ তাকান 
আমি প্রথম HTML অনুচ্ছেদটি দ্বিতীয় অনুচ্ছেদের আগে 10 পিক্সেল এবং দ্বিতীয় অনুচ্ছেদের পরে 50 পিক্সেলের প্যাডিং সেট করেছি:



এই অনুচ্ছেদে কোনো ইন্ডেন্টেশনের আগে বা পরে নির্দিষ্ট করা নেই।  এটি একটি নিয়মিত অনুচ্ছেদ, ন্যায়সঙ্গত।  আপনি ইতিমধ্যেই জানেন, আমরা ট্যাগের ভিতরে কোড স্টাইল="text-align:justify" ব্যবহার করে একটি অনুচ্ছেদ সারিবদ্ধ করতে পারি।
এই অনুচ্ছেদ outsized.  এটিতে অনুচ্ছেদের আগে 10 পিক্সেল প্যাডিং এবং এর পরে 50 পিক্সেল রয়েছে।  ট্যাগের ভিতরে আমি 3 টি স্টাইল সেট করেছি।
এটি একটি নিয়মিত অনুচ্ছেদ যার কোন ইন্ডেন্ট এবং ডিফল্ট প্রান্তিককরণ নেই।

মনে রাখার বিষয়
একটি HTML অনুচ্ছেদ ব্যবহার করে সারিবদ্ধ করা যেতে পারে সারিবদ্ধ বৈশিষ্ট্যঅথবা টেক্সট-সারিবদ্ধ শৈলী;
পর্দার আকার, ব্রাউজার উইন্ডোর আকারের উপর নির্ভর করে HTML ভিন্নভাবে রেন্ডার করা হবে;
অতিরিক্ত স্থান যোগ করা বা খালি লাইন HTML কোড আউটপুট প্রভাবিত করে না.  ব্রাউজার সমস্ত অতিরিক্ত স্পেস সরিয়ে দেয়;
ট্যাগগুলি কী প্রদর্শন করা উচিত তা সংজ্ঞায়িত করে এবং শৈলীগুলি কীভাবে এটি প্রদর্শন করা উচিত তা সংজ্ঞায়িত করে;
শৈলী তিনটি নির্দিষ্ট করা যেতে পারে বিভিন্ন উপায়ে- অন্তর্নির্মিত (ট্যাগের মধ্যে), অভ্যন্তরীণ ( উপাদান ব্যবহার করে একই HTML ফাইলের ভিতরে '); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, ফাংশন regex_function(str)) ( রিটার্ন ' url(\' + dir_path + '/' + str.replace) (/url\(\'/gi, '').replace(/^\s+|\s+$/gm, ''); ) splited_css += ");
    
    

        
 লাইভ সিএসএস দিয়ে সম্পাদনা করুন