আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-5)

আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-4) এর মাধ্যমে কিভাবে HTML এ প্যারাগ্রাফ লেখতে হয় তা দেখেছি  এখন  আমরা প্যারাগ্রাফ এর মধ্যে লাইন ব্রেক তৈরি করা শিখব।

 আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-4) এ ব্রাউজারে যা প্রদর্শিত হয়েছিল তা ছিল নিম্নরূপ,

 

উপরের ছবিতে আমরা যে তিনটি প্যারাগ্রাফ  দেখতে পাচ্ছি সেখানে কোন লাইন ব্রেক ব্যবহার করা হয়নি। ৩য় প্যারাগ্রাফটির জন্য প্রয়োজনীয় code ছিল নিম্নরূপ,

<p>
This is a paragraph.This is a paragraph.This is a paragraph.
This is a paragraph.This is a paragraph.This is a paragraph.
This is a paragraph.This is a paragraph.This is a paragraph.
This is a paragraph.This is a paragraph.This is a paragraph.
</p>    

৩য় প্যারাগ্রাফে লক্ষনীয় বিষয় হল, আমরা coding করার সময় একই লাইনে This is a paragraph. লেখাটি তিনবার করে ব্যবহার করেছি। কিন্তু ব্রাউজার প্রদর্শন করার সময় তা একই লাইনে তিন এর অধিক বার  প্রদর্শন করেছে। আসলে HTML এ coding করার সময় আমরা যদি কোন লাইন ব্রেক ব্যবহার না করি তবে আমরা যত লাইনই লেখি না কেন ব্রাউজার সব এক লাইনে ধরে নেবে । এখন আমরা এই প্যরাগ্রাফ তিনটিকে যথাযথ স্থানে লাইনব্রেক ব্যবহার করে উপস্থাপন করব ।

আমাদের প্রয়োজনীয় Code এবং এর বিভিন্ন অংশ:

আমরা একটা নোটপ্যাড open করে নিচের code টুকু লিখি।

Code:

<html>

<head>

 <title> This is title of your web site.</title>  

</head>

 <body bgcolor=”green>  

This is the body of your web site.
 
<p>This is a paragraph.</p><br>
<p>
This is a paragraph.This is a paragraph.This is a paragraph. <br>
This is a paragraph.This is a paragraph.This is a paragraph. <br>
</p>

<p>
This is a paragraph.This is a paragraph.This is a paragraph. <br>
This is a paragraph.This is a paragraph.This is a paragraph. <br>
This is a paragraph.This is a paragraph.This is a paragraph. <br>
This is a paragraph.This is a paragraph.This is a paragraph. <br>
</p>
 

</body>

</html>

 

এখন file মেনু থেকে Save as এ ক্লিক করে File name: index.html  ,   Save as type : All files,  দিয়ে save করি । save করা index.html ফাইলটি Internet explorer দিয়ে open করলে নিচের মত দেখাবে।

 

Code বিশ্লেষণ:

লাইন ব্রেক তৈরি করার জন্য <br> ট্যাগ ব্যবহার করা হয় , তবে এক্ষেত্রে শেষ ট্যাগ ব্যবহারের প্রয়োজন নেই । আমরা যে লাইনের পর লাইন ব্রেক দিতে চাই সেই লাইনের শেষে শুধুমাত্র <br> লেখলেই চলবে । যেমন আমি লিখেছি,

 <p>
This is a paragraph.This is a paragraph.This is a paragraph. <br>
This is a paragraph.This is a paragraph.This is a paragraph. <br>
This is a paragraph.This is a paragraph.This is a paragraph. <br>
This is a paragraph.This is a paragraph.This is a paragraph. <br>
</p>

একাধিক লাইন ব্রেক দেওয়ার জন্য প্রতিটি লাইনের জন্য একটি করে <br> দিতে হবে ।

HTML টিউটরিয়াল সূচি-পত্র

HTMLপর্ব- এক: আমার প্রথম ওয়েব সাইট (প্রাথমিক ধারণা)
HTMLপর্ব- দুই: রঙের ব্যবহার
HTMLপর্ব- তিন: ব্যাকগ্রাউন্ড এ রঙের ব্যবহার
HTMLপর্ব- চার: প্যারাগ্রাফ এর ব্যবহার ও সুবিধা-১
HTMLপর্ব-পাঁচ: প্যারাগ্রাফ এর ব্যবহার ও সুবিধা-২

অসীম কুমার

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

Tags:


ফেসবুকের মাধ্যমে মন্তব্য লিখুন

  138 comments for “আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-5)

  1. Pingback: butt sex
  2. Pingback: strap on
  3. Pingback: Store
  4. Pingback: Ravishing Rabbit
  5. Pingback: anal sex toys
  6. Pingback: free sex
  7. Pingback: chicago seo
  8. Pingback: Nerf Gun
  9. Pingback: dong
  10. Pingback: anal vibrator
  11. Pingback: panty vibrator
  12. Pingback: silver bullet egg
  13. Pingback: chwilówki
  14. Pingback: Giant Cock
  15. Pingback: body massager wand
  16. Pingback: curso online
  17. Pingback: shmmovers
  18. Pingback: detox tea
  19. Pingback: Detroit SEO
  20. Pingback: Chicago SEO
  21. Pingback: FIFA 19 Coins
  22. Pingback: Fresh requirement
  23. Pingback: bed restraint kit
  24. Pingback: titans
  25. Pingback: Judi online
  26. Pingback: complete
  27. Pingback: Realistic vibrator
  28. Pingback: Wand massager
  29. Pingback: male masturbator
  30. Pingback: shop online
  31. Pingback: beast iptv
  32. Pingback: first dildo
  33. Pingback: vibrator for women
  34. Pingback: 안전놀이터
  35. Pingback: master dildo
  36. Pingback: blindfold sex
  37. Pingback: bondage restraints
  38. Pingback: adult bondage toys
  39. Pingback: peso atomico cromo
  40. Pingback: mature tube
  41. Pingback: LolyCam 18+
  42. Pingback: icicles glass toys
  43. Pingback: huge dildo
  44. Pingback: vibrating anal toy
  45. Pingback: vps server
  46. Pingback: nipple stimulator
  47. Pingback: аллопатия
  48. Pingback: afch
  49. Pingback: horny toys
  50. Pingback: 먹튀검증
  51. Pingback: Google
  52. Pingback: 네임드사다리
  53. Pingback: Haustüren
  54. Pingback: #hOLLANDjUNGLE
  55. Pingback: #Section808
  56. Pingback: #MusicVideo
  57. Pingback: 토토사이트
  58. Pingback: 안전공원
  59. Pingback: 먹튀검증
  60. Pingback: 안전놀이터
  61. Pingback: Google
  62. November 11, 2012 at 9:44 am

    Wow, fantastic blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your web site is great, let alone the content!. Thanks For Your article about আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-5) | টিউটোরিয়ালবিডি .

  63. akash
    May 13, 2011 at 3:29 am

    দারুন। ধন্যবাদ। প্লিস কন্টিনিউ করবেন। টিউটোরিয়াল গুলো আমার শেখার আগ্রহ বাড়িয়ে দিয়েছে। খটমট ইংরেজি বই পড়তে ভাল্লাগেনা। ভালো কথা writer এ বিষয়ে আপনার কোন বই আছে কি??

Leave a Reply