কম্পিউটার
 Computer >> কম্পিউটার >  >> প্রোগ্রামিং >> HTML

HTML নতুন লাইন ব্যবহার করে এবং

আপনি
বা 

<p>
Test<br>
</p>


ট্যাগ "Test" শব্দের পরে একটি নতুন লাইন যোগ করে। এই ট্যাগের কোনো ক্লোজিং ট্যাগ নেই, পরিবর্তে, আপনি যেখানে একটি নতুন লাইন চান সেখানে শুধুমাত্র
যোগ করতে হবে। আসুন আরও বিস্তারিত উদাহরণ দেখি:

এখানে এটি একটি ঠিকানায় প্রতিটি লাইনের পরে ব্যবহৃত হয়:

81% অংশগ্রহণকারী বলেছেন যে তারা বুটক্যাম্পে যোগ দেওয়ার পরে তাদের প্রযুক্তিগত কাজের সম্ভাবনা সম্পর্কে আরও আত্মবিশ্বাসী বোধ করেছেন। আজই একটি বুটক্যাম্পের সাথে মিলিত হন৷

৷

গড় বুটক্যাম্প গ্র্যাড একটি বুটক্যাম্প শুরু করা থেকে শুরু করে তাদের প্রথম চাকরি খোঁজা পর্যন্ত ক্যারিয়ারের পরিবর্তনে ছয় মাসেরও কম সময় কাটিয়েছে।

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Line Breaks</title>
</head>
<body>
   <div>
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima, veritatis. Soluta pariatur nesciunt voluptatum id incidunt minus ratione obcaecati laborum unde? Voluptatibus officia quia ducimus odio labore atque aperiam sint. Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque dolores provident animi deserunt maxime. Officiis explicabo odit vitae. Doloremque nemo nobis voluptates ducimus aperiam libero maiores accusamus earum ipsam voluptate! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ea nostrum commodi et exercitationem, maiores eum facere dicta repellendus laborum voluptatibus amet ipsam animi repellat distinctio deleniti quis? Dicta, aperiam nobis.</p>
 
       <address>
           <span>123 Main St</span><br>
           <span>Hometown, USA</span><br>
           <span>23455-2345</span>
       </address>
       <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos tempora modi eius omnis provident sit itaque vel ad porro nulla vero sequi ullam aperiam placeat consectetur, assumenda in autem dolorum! Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, cumque tenetur quos sit assumenda consectetur voluptas veritatis soluta. Alias accusamus similique odio iste. Laudantium vitae exercitationem illum suscipit assumenda enim! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dignissimos architecto deleniti debitis alias recusandae, optio ab nihil in neque nam impedit at a corporis delectus quas! Aliquid, modi earum. Quidem.</p>
   </div>
</body>
</html>

এই কোডে, আমরা
ট্যাগ ব্যবহার করি প্রতিটি HTML ট্যাগের পরে

ট্যাগে। এটি ঠিকানার প্রতিটি অংশে একটি নতুন লাইন যোগ করে।

HTML 
<pre>
This is a sentence.
</pre>

এই কোডটি "এটি একটি বাক্য" টেক্সটটিকে ঠিক যেমনটি <প্রি> ট্যাগগুলির মধ্যে প্রদর্শিত হয় তা ফর্ম্যাট করে৷

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Line Breaks</title>
</head>
<body style="max-width: 800px; width: 100%;">
   <pre style="width: 100%;">
       <p style="width: 800px;">
       Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ut temporibus dolores
       iure molestias porro, esse, ducimus provident ipsam voluptas rerum veniam vero
       inventore tempora molestiae error sapiente veritatis, neque eligendi. Lorem ipsum
       dolor sit amet consectetur adipisicing elit. Accusamus soluta ipsam eligendi
       nesciunt hic explicabo vel doloremque quod eaque minima. Fugit enim fugiat neque
       quos, eligendi commodi sint architecto repellendus? Lorem ipsum dolor sit amet
       consectetur adipisicing elit. Laboriosam, saepe ipsam! Fugiat id quod esse
       obcaecati vitae at commodi distinctio, praesentium labore eveniet corporis aut,
       sint qui nostrum iure in!
       </p>
 
       <address>
           2345 Main St.
           Hometown, Anywhere, USA
           12345-3456
       </address>
 
       <p style="width: 800px; height: 500px; background: pink;">
      
       Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque assumenda,
       explicabo aspernatur odit saepe a dicta eveniet accusamus laudantium,
       molestiae quae sunt cumque iusto? Tenetur eligendi architecto atque tempora.
      
       Placeat? Lorem ipsum dolor sit amet consectetur, adipisicing elit.
       Ullam sit libero quibusdam, ex ut, possimus iure non architecto
       doloremque consectetur quam eligendi repellat facere vero omnis officiis
       aperiam modi ea. Lorem ipsum dolor sit amet consectetur adipisicing elit.
       Iusto quas, autem impedit, ratione enim porro illum fugit natus voluptatem
       sunt error non accusamus nulla blanditiis aspernatur nemo repudiandae sequi
       reiciendis!
      
       </p>
   </pre>
</body>
</html>

আমরা আমাদের কোডে ট্যাগের পরপরই একটি 

 ট্যাগ যোগ করি। ট্যাগের মধ্যে থাকা সমস্ত টেক্সট — আমাদের HTML অনুচ্ছেদ ট্যাগ এবং 
 ট্যাগ — ফর্ম্যাট করা হয়েছে যেভাবে এটি টেক্সট এডিটরে প্রদর্শিত হয়।
 

 আমাদের ঠিকানায় 
 ট্যাগ ব্যবহার করার দরকার নেই। কারণ আমরা আমাদের টেক্সট এডিটরে এন্টার কী ব্যবহার করে নতুন লাইন সন্নিবেশ করেছি।
 

 সাধারণত, এটি আমাদের নথিতে নতুন লাইন যোগ করতে দেয় না। যেহেতু আমরা 
 ট্যাগ ব্যবহার করেছি, তাই এন্টার কী দিয়ে তৈরি করা আমাদের নতুন লাইন চূড়ান্ত নথিতে উপস্থিত হয়।
 
উপসংহার
 

 HTML এ লাইন ব্রেক সন্নিবেশ করার দুটি উপায় আছে:
 এবং 
 . আপনি যদি একটি নির্দিষ্ট অবস্থানে একটি নতুন লাইন যোগ করতে চান তবে 
 ট্যাগটি কার্যকর। 
 আপনার কাছে পাঠ্যের একটি ব্লক থাকলে ভাল হয় যা আপনি আপনার পাঠ্য সম্পাদকের মতো দেখাতে চান।
 

 আপনি কি HTML এ কোডিং সম্পর্কে আরও জানতে চান? আমাদের কাছে একটি এইচটিএমএল গাইড রয়েছে যা শিখতে হবে এমন একটি শীর্ষস্থানীয় কোর্স এবং সংস্থানগুলি যা আপনি আপনার জ্ঞানকে এগিয়ে নিতে ব্যবহার করতে পারেন৷

  1. HTML <time> ট্যাগ

  2. HTML <dl> ট্যাগ

  3. এইচটিএমএল <এম্বেড> ট্যাগ

  4. HTML <dfn> ট্যাগ