«

»

HTML শিখুন HTML5 সহ [পর্ব-1] Intro to HTML

বিসমিল্লাহহির রাহমানের রাহীম।

সবাইকে সালাম জানিয়ে আমি এবার HTML নিয়ে টুইট করা শুরু করছি। দোয়া করবেন যেন এর শেষ করতে পারি। HTML  হচ্ছে ওয়েব ডেবলপিং এর দুনিয়ায় ঢুকার মূল এবং একমাত্র পথ। আপনি যদি HTML না শিখেন তাহলে আপনি ওয়েব ডেভলপিং বা ডিজাইনিং এর বিশাল দুনিয়ায় প্রবেশ করতে পারবেন না। ওয়েব ডেভলপিং বা ডিজাইনিং কত বিশাল তা আর আমি বলতে হবে না। আপনি ইতি মধ্যে ই এ সম্পর্কে জেনে গেছেন। আর এ ওয়েব বিশ্ব দিন দিন বৃদ্ধি পাচ্ছে, কত টুকু বৃদ্ধি পাচ্ছে তা আমরা টের ও পাচ্ছি না। অনেক কথা বলে পেললাম, আবার আসি HTML এর নিকট।  HTML শিখলে আপনি নিজের একটি ওয়েব সাইট খুব সহজেই তৈরি করতে পারবেন, HTML খুবই সহজ, এর জন্য আপনাকে বেশি আতঙ্কিত হতে হবে না। আমি চেষ্টা করব আস্তে আস্তে HTML এর সবকিছু আলোচনা করার। এক সাথে আমি HTML এর সাথে HTML5  নিয়ে ও আলচনা করবো। কারন HTML5   ওবেব জগতের নতুন আলোড়োন।

আসলে আমি মূলত HTML5 নিয়ে ই লিখব এ সিরিজ। তার আগে HTML সম্পর্কে কিছু ধারনা দিয়ে নিব। আমি একটু থিওরি নিয়ে বেশি আলোচনা করব। যেন আপনাদের মূল ভিত্তি শক্ত হয়। ভার্সিটি গুলোতে  প্রোগ্রামিং ল্যাঙ্গুয়েজ শিখালে ও এসব ওয়েব প্রোগ্রামিং সম্পর্কে শিখানো হয় না। এগুলো নিজে নিজে ই শিখে নিতে হয়। যারা আগ্রহী তারা ভিবিন্ন ভাবে ভিবিন্ন ওয়েব সাইট থেকে শিখে নেয়। যার অধিকাংশই ইংরেজী। তাই আমার এ সিরিজ কম্পিউটার সাইন্সের ছাত্র ছাত্রী সহ সকল আগ্রহীদের কাজে লাগবে আসা করি ইনসাহআল্লাহ।

চলুন এবার শুরু করা যাক। প্রথমে জানা যাক HTML কি ও এর সাথে প্রয়োজনীয় কিছু তথ্য।

HTML:HTML এর অর্থ হচ্ছে Hypertext Markup Language. এটা কোন Programming Language নয়, একটি Markup Language. আর HTML5 হচ্ছে HTML এর সর্বশেষ version। HTML5 এর রয়েছে অনেক নতুন ফিচার, নতুন বৈশিষ্ট। HTML5 হচ্ছে HTML, XHTML, এবং HTML DOM  এর নতুন  standard।  HTML5 সুবিদা নিয়ে আরেক দিন আলোচনা করব।

আমর তো ইতিমধ্যে জেনেছি HTML হচ্ছে একটি Markup Language এবার জানা যাক Markup Language কি জিনিস।

Markup Language হচ্ছে Markup Tag এর সমষ্টি। কত গুলো Markup Tag এর সমন্ময়েই Markup Language তৈরি হয়।

এবার আবার আসল  Markup Tag কি, তাই না? Markup Tag হচ্ছে একটি কোড যা < এবং > (বাঁকা ব্যাকেট) এর ভিতরে থাকে। এবাবে ই Markup Tag ব্যবহার করা হয়। Markup Tag কে HTML Tag ও বলা হয়। HTML এ Markup Tag ব্যবহার করে একটি ওয়েব পেইজ তৈরি করে। এর নিচের বৈশিষ্ট গুলো রয়েছেঃ

  1. HTML Tag  হচ্ছে বাকা ব্রেকেট(< এবং >) এর মধ্যে রাখা কি ওয়ার্ড। যেমনঃ <h1>, <p> ইত্যাদি।
  2. HTML Tag জোড়ায় জোড়ায় থাকে। যেমনঃ <b> thins is bold</b>
  3. প্রথমটিকে বলা হয় Start tag এবং শেষেরটি কে বলা হয় End Tag. কিন্তু HTML5 এ শুধু Start tag থাকে কোন End Tag থাকে না। ব্যবহার করলে ও সমস্যা নেই।

 

কিছুক্ষন আগে জেনেছেন ওয়েব পেইজ  সম্পর্কে বা আমরা প্রতিদিনই বিভিন্ন ওয়েব পেইজ  ভিজিট করে থাকি। ওয়েব পেইজই হচ্ছে HTML Document। HTML Document একটি ওয়েব পেজ বর্ননা করে। মানে HTML Document বলতেই ওয়েব সাইট বুঝায়।   HTML Document এর মধ্যে HTML Tag বা Markup Tag ও plain text থাকে। HTML Document কে web Page ও বলা হয়। আমরা প্রতিদিন যত ওয়েব পেজ ভিজিট করি তা সবই কিন্তু এক একটি HTML Document।

আজকের মতো এত টুকুই আবার ও হাজির হব আপনাদের সামনে HTML নিয়ে।

পরের টুইটঃ

HTML শিখুন HTML5 সহ (পার্ট-২) My First web Page

আল্লাহ হাপেজ।

Happy Twitting!!!!

পরবর্তী টুইটঃ


এ সম্পর্কিত আরো কিছু টুইট:

James Whittaker এর "আমি কেন গুগল ছেড়ে এসেছি" লেখার অনুবাদ
মাত্র 128 kbps স্পীড এ বিশ্বকাপ দেখুন মোবাইল কিংবা কম্পিউটার এ
তথ্য ও প্রযুক্তি বিষয়ক “ব্লগ বিডি” | প্রযুক্তি এখন হাতের মুঠোয়”
ইন্টারনেটে আয়ের কিছু কথা আপনার জানা ধরকার
ফেইসবুকের দারুণ সব অজানা ফিচার। না দেখলেই মিস!!!! তো দেরি কেন???
আপনি কি ফ্রী নেট চালাতে চান , টিউন টি আপনার জন্য ।
Browser এর Boss আপনার PC-র জন্য নিয়ে নিন Baidu Browser Spark 43.18.1 লাইফটাইম লাইসেন্স সহ।

মন্তব্য দিনঃ

comments

About the author

জাকির হোসাইন

প্রোগ্রামিং বা ফ্রীল্যান্সিং নিয়ে কোন প্রশ্ন থাকলে টেকটুইটস সাহায্য বিভাগে পোস্ট দিতে পারেন অথবা আমাকে ফেসবুকে মেসেজ দিতে পারেন।

Permanent link to this article: http://techtweets.com.bd/web-internet/jakirbdl/215

37 comments

11 pings

Skip to comment form

  1. Rohan

    Valo lagche, Ektu beshi kore likhen vai, I am excited.

    1. ঐ ছেলেটি
      jakir

      সাড়া দেওয়ার জন্য অনেক ধন্যবাদ। আমি চেষ্টা করব।

  2. Miraz

    vi thank you so much for start for this kind or article. please go on.

    1. ঐ ছেলেটি
      jakir

      আপনার পাশে থাকলে অবশ্যই আমি লিখে যাবো, তাই সব সময় পাশে থাকবেন। আমি আমার সবোচ্চ চেষ্টা করব। কোন সমস্যা হলে যানাবেন, আমি পারলে সমাধান দেওয়ার চেষ্টা করব।

  3. Shadman

    khub valo laglo 😀 .. ei bishoy niye aro likhen 😀

    1. ঐ ছেলেটি
      jakir

      ধন্যবাদ। অবশ্যই লিখবো, কাছে তো থাকবেন তাই না??

  4. তুসিন আহমেদ

    জািকর ভাই ভাল হেয়েছ……………….পােশ আিছ………
    িলখেত থাকুন

    1. ঐ ছেলেটি
      jakir

      ধন্যবাদ… লিখব 🙂

  5. Rubel Orion

    জাকির ভাই পোস্টটা খুব ভালো হয়েছে,
    আশা করি আপনি চালিয়ে যাবেন… আর এই রকম পোস্ট আপনার কাছ থেকে আশা করছিলাম….

    1. ঐ ছেলেটি
      jakir

      ধন্যবাদ রুবেল ভাই, পাশে থাকার জন্য। আপনারা পাশে থাকলে আমি অনেক দূর যেতে পারব, এটা আমার বিশ্বাস, ইনশাহয়াল্লায়।

    2. Rubel Orion

      ওয়েলকাম…
      তবে আর দুই এক দিন লেট করলে, আমি শুরু করে দিতাম । এটা আমার পরিকল্পনায় ছিলো… 😀

    3. ঐ ছেলেটি
      jakir

      আপনি ও শুরু করুন, কে আগে বা কত সুন্দর ভাবে লিখতে পারে দেখা যাক, এতে অন্তত ভিজিটরা উপকৃত হবে…

  6. Rubel Orion

    আপনি এখন লিখেন। আমি মার্চ থেকে আপনার সাথে যোগদান করবো…
    আপাতত মাথায় কিছু টপিক খেলা করছে সেগুলু শেষ করি। তাছাড়া টাইপ করা চ্যলেঞ্জের ব্যাপার… দেখা যাক কি হয়……..

    1. ঐ ছেলেটি
      jakir

      ওকে তাহলে তাই হোক…

  7. luckyfm

    বাইজান পোষ্ট ব্যাপক সুন্দর হয়েছে
    তবে বানানে বুল ধরা পড়েছে আমার চোখে,
    আশা করি থিক করে নিবেন 😛

  8. aowa

    Sikhar Ichha acha Godi Niomito Chalia Gan

    1. ঐ ছেলেটি
      jakir

      আমি নিয়মিত লেখার চেষ্টা করব। ইনশাহআল্লাহ।

  9. aowal

    Sikhar Ichha acha Godi Niomito Chalia Gan.Thanks

    1. Asadullah

      Thank you for your all kind information. I think that It will be helpful for all.

    2. ঐ ছেলেটি
      jakir

      হা, ধন্যবাদ

  10. Mohit

    চািলেয় যান

    1. ঐ ছেলেটি
      jakir

      ধন্যবাদ। আপনারা থাকলে আমি অবশ্যই লিখে যাব

  11. RASHED

    চালিয়ে যান আমরা আছি

    1. ঐ ছেলেটি
      jakir

      ধন্যবাদ ভাইয়া।

  12. sayedalihasan

    আপনার কথামত প্রবেশ করলাম। দেখছি ভালই।
    আপনি যে বলেছেন “”ওয়েব পেইজই হচ্ছে HTML Document। HTML Document একটি ওয়েব পেজ বর্ননা করে। মানে HTML Document বলতেই ওয়েব সাইট বুঝায়।””
    তাহলে এটিও কি আপনার এই সাইডটিও কি একটি HTML Document কি না তা জানাবেন।
    আর কিভাবে এগুলে সফল হতে পারবো তার গাইড লাইন দিবেন।

    1. ঐ ছেলেটি
      jakir

      আমাদের এ সাইটটি ও HTML Document, তবে PHP দিয়ে তৈরি। কিছুদিনের মধ্যেই আরো ভালো করে সবকিছু বুঝতে পারবেন।

  13. sayedalihasan

    আসসালামু আলাইকুম। আপনাদের এই সাইডে আমি আমার ছবি প্রকাশ করতে পারছি না। অন্যরা তো তাদের ছবি লোড করেছে। কিভাবে আমি আমার ছবি প্রকাশ করতে পারবো। তা জানালে উপকৃত হবো।

  14. Rubel Orion

    আপনার ছবি প্রকাশ করতে নিচের টুইট পড়ুন।
    http://techtweets.com.bd/prob-solution/techtweets/503

  15. shahed

    ভাই নবম পর্ব পর্য্ন্ত পেলাম।এটা আর কত পর্ব বাকী আছে।পরবর্তী পর্ব কবে পাব।জানাালে খুশি হব।

    1. ঐ ছেলেটি
      jakir

      আরো কিছু পর্ব বাকী আছে, কিছুদিনের মধ্যেই পাবেন আসা করি। ধন্যবাদ।

  16. Masud

    thanks. valo hoyeasa.

    1. ঐ ছেলেটি
      jakir

      ধন্যবাদ ভাই।

  17. Riaz522

    ভাল লেগছে। সামনে যাচ্ছি। সাথে থাকবেন। ধন্যবাদ।

    1. ঐ ছেলেটি
      jakir

      অনেক গুলো পর্ব লিখছি এ পর্যন্ত। আশা করি কাজে আসবে।

  18. HALIM
    HALIM

    আসসালামু আলাইকুম জাকির ভাই, আশা করি আপনি ভাল আছেন। ভাই আপনার ব্রেইনটা আরও প্রসারিত হোক এই দোয়া করি, ভাই আমি একেবারে নতুন HTML এর ব্যপারে। কোনই জ্ঞান নাই এ সম্পর্কে। আমি কি পারব HTML শিখতে না পুর্ব জ্ঞান লাগবে।

    1. ঐ ছেলেটি
      jakir

      অনেক ভালো পারবেন।

  19. Jubaer

    Ami prai 3 year pore suru korlam ……Khub valo laglo…
    Suru korlam amar sekha …
    Thanks sir …

  1. HTML শিখুন HTML5 সহ [পর্ব-7] » টেকটুইটস

    […] HTML শিখুন HTML5 সহ [পর্ব-1] Intro to HTML […]

  2. এইচটিএমএল, সিএসএস ও কিছু প্রয়জনীয় বই » টেকটুইটস

    […] নিয়ে আমার টুইটঃ HTML শিখুন HTML5 সহ। এখানে গেলেই সব গুলো টুইটের লিঙ্ক […]

  3. HTML শিখুন HTML5 সহ [পর্ব-10] Intro to HTML5 » টেকটুইটস

    […] HTML শিখুন HTML5 সহ [পর্ব-1] Intro to HTML এখানে ক্লিক করে গেলেই একে একে সব গুলো টুইট পেয়ে যাবেন। […]

  4. ওয়ার্ডপ্রেস সাইটে গুগল ওয়েব ফন্ট যুক্ত করে আপনার সাইটকে আকর্ষনীয় করে তুলুন » টেকটুইটস

    […] বিদ্রঃ পোস্টটি পড়ে কাজে লাগানোর জন্য আপনার কিছুটা HTML এবং CSS জ্ঞান থাকা প্রয়োজন। HTML শিখার জন্য এখানে দেখতে পারেন।   […]

  5. ওয়ার্ডপ্রেস সাইটে গুগল ওয়েব ফন্ট যুক্ত করে আপনার সাইটকে আকর্ষনীয় করে তুলুন | জাকিরের টেক ডায

    […] বিদ্রঃ পোস্টটি পড়ে কাজে লাগানোর জন্য আপনার কিছুটা HTML এবং CSS জ্ঞান থাকা প্রয়োজন।  HTML শিখার জন্য এখানে দেখতে পারেন।  […]

  6. HTML শিখুন HTML5 সহ (পর্ব-6) » টেকটুইটস

    […]  HTML শিখুন HTML5 সহ [পর্ব-1] Intro to HTML […]

  7. HTML, CSS এবং শিখার প্রয়জনীয় উপকরন। | SolutionTechnology

    […] তাছাড়া টেকটুইটস ব্লগে আমি HTML এ পর্যন্ত নয় পর্ব লিখছি, সে গুলো ও দেখতে পারেন এখানে গিয়ে। […]

  8. HTML, CSS এবং শিখার প্রয়জনীয় উপকরন। | SolutionTechnology

    […] নয় পর্ব লিখছি, সে গুলো ও দেখতে পারেন এখানে গিয়ে। টেক টিউন্সে HTML হাতেখড়ি নামক ছয়টি […]

মন্তব্য করুন