আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (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:


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

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

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

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

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

Leave a Reply