UncategorizedWhat is HTML5 and What can i do with it? Bangla Tutorials

June 14, 2021by admin0

What is HTML5 and What can i do with it?

ওয়েবসাইট কি?

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

Html (Hyper Text Markup Language)

এইচটি এম এল (HTML5):-

এইচটি এম এল (HTML):- এর আভিধানিক সংজ্ঞা হল- হাইপারটেক্সট মার্কআপ ল্যাগুয়েজ (Hyper Text Markup Language). হাইপারটেক্সট হল, হাইপারলিংক সমূহ কে বুঝায় এটি এমন একটি পদ্ধতি আপনাকে ওয়েবসাইট এর ভিবিন্ন পেইজে ঘুরাতে পারে- যেমন Read More এই Read More বাক্যটিতে একটি হাইপারলিংক দিব তখন এই বাক্যের উপর ক্লিক করলে আপনাকে পরবর্তি পেইজ এ নিয়ে যাবে , অর্থাৎ আপনি ইন্টারনেট এ যেকোনো লিংক এ ক্লিক করে ভিবিন্ন ধরনের পেইজে যেতে পারবেন আশাকরি বুঝতে পেরেছেন হাইপারটেক্সট কি।

টিম ব্যানারস লী ১৯৯০ সালে সর্বপ্রথম এই মার্কআপ ল্যাংগুয়েজ তৈরি করেন। সর্বপ্রথম তিনিই ওয়েব নিয়ে গবেষণা করে ওয়েব তৈরি করেন ১৯৮৯ সালে। তখন তিনি ইউরোপের পারটিক্যাল ফিজিক্স ল্যাবরটরির একজন কম্পিউটার বিশেষজ্ঞ ছিলেন।

মার্কআপ (Markup):-

মার্কআপ (Markup): বলতে আমরা কি বুঝি- মার্কআপ বলতে আমরা বুঝি এইচটি এম এল (HTML) এর ভিবিন্ন ধরনের ট্যাগ সমূহের ভিতরে যে Text ব্যবহার করা হয় তাকেই মার্কআপ Markup বলা হয়। উদাহরণ সরূপ- <p>This is Test Page</p> .

ল্যাংগুয়েজ (Language) :-

ল্যাংগুয়েজ (Language) :- প্রকৃত অর্থে এটি কোন প্রোগ্রামিং ল্যাংগুয়েজ (Programing Language ) নয়, এটি মারকাপ ল্যাংগুয়েজ (Markup language), যা মারকাপ ট্যাগ এর সমনয়ে গঠিত হয় এতে সাধারণ ভাষার মত কোড-শব্দ এবং বাক্য গঠনও রয়েছে।

ট্যাগ (TAG):-

Html Tag

ট্যাগ (TAG):- কোড লেখার আগে ও পরে নির্দিষ্ট কিছু চিঙ্কসহ নির্ধারিত কিছু শব্দ ব্যবহার করা হয়, এগুলোকে ট্যাগ বলা হয়। এই ট্যাগ গুলো ব্যবহার করে ওয়েবপেজের বেসিক কাঠামো তৈরি করা হয়। এইচটি এম এল (HTML) এর ট্যাগ গুলো Element Name আর Angle Bracket (<>) দিয়ে তৈরি । প্রথম ট্যাগটিকে (<h1>) ওপেনিং ট্যাগ বা শুরূ ট্যাগ বলে এবং দ্বিতীয়টি কে (< /h1>) ক্লোজিং বা শেষ ট্যাগ বলে। প্রতিটি ভাষা লেখার জন্য নির্দিষ্ট একটি নিয়ম থাকে। এই নিয়ম বা ধরন কে Syntex বলে। তাই এইচটি এম এল (HTML) ট্যাগ গুলো লেখার জন্যও নির্দিষ্ট কিছু Syntex রয়েছে। এভাবে না লেখলে ব্রাওজার (ইৎড়ংিবৎ) ট্যাগ অনুযায়ী কনটেন্ট দেখাতে পারবেনা।

এইচটিএমএল ট্যাগ (HTML) দুটি ভাগে ভাগ করা হয়:-

১। সিংগেল ট্যাগ (Single Tag): যে সমস্ত এইচটি এম এল ট্যাগ এ (HTML Tag) কোন ক্লোজিং ট্যাগ নেই, শুধু ওপেনিং ট্যাগ থাকে তাদেরকে সিংগেল ট্যাগ (Single Tag) বলা হয় । যেমনঃ <br>,<img>, <link>, <hr> ইত্যাদি

২। কনটেন্ট ট্যাগ (Content Tag): যে সমস্ত এইচটি এম এল ট্যাগ এ (HTML Tag) ওপেনিং ট্যাগ এবং ক্লোজিং ট্যাগ উভয় থাকে তাদেরকে কনটেন্ট ট্যাগ (Content Tag) বলা হয় । যেমনঃ <h1> </h1> , <p> </p> ইত্যাদি

নিন্মে কিছু ট্যাগের নমুনা দেওয়া হলো-

মন্তŸ্য করার জন্য
ঐঞগখ ডকুমেন্টের ধরন নিরধারন করার জন্য
<ঃরঃষব> ডায়রি লেখার জন্য
<যবধফ> হেদ সেকশনে লেখার জন্য
<নড়ফু> বডি দেওয়ার জন্য
<ধ> লিংক দেওয়ার জন্য
<ধননৎ> অননৎবারধঃরড়হ দেওয়ার জন্য
<ধফফৎবংং> ঐঞগখ ডকুমেন্টের লেখক/ অঁঃযড়ৎ
<ধৎবধ/> ওসধমব-গধঢ় এরিয়া করার জন্য
<ন> লেখা বোল্ড করার জন্য
<নধংবভড়হঃ/> ফন্ট সাইজ ও কালার নির্ধারণ করার জন্য
<নরম> বড় লেখার জন্য
<নষড়পশয়ঁড়ঃব> উক্তি কুওতিওন দেওয়ার জন্য
<নৎ/> লাইন ব্রেক করার জন্য
< নঁঃঃড়হ> বাটন আনার জন্য
<পধঢ়ঃরড়হ> ক্যাপশন দেওয়ার জন্য
<পবহঃৎব> লেখার মাজখানে নেওয়ার জন্য
<পড়ফব> কোড শো করার জন্য
<পড়ষ/> টেবিলের মধ্যে কলাম নেওয়ার জন্য
<ফবষ> কোন লেখা মুছার জন্য
<ফভহ> উবভরহবং ধ ফবভরহরঃরড়হ ঃবৎস
<ফরৎ> ডাইরেক্টরি লিস্ট আনার জন্য
<ফরা> ডিভাইডেড বা ভাক করার জন্য
<ভড়হঃ> লেখার আকার রঙ নির্ধারণ করার জন্য
<ভড়ৎস> ফর্ম আনার জন্য
<য১> ঃড় <য৬> হেডিং আনার জন্য
<যৎ/> একটি লাইন আনার জন্য
<যঃসষ> ডকুমেন্টটি কোনধরনের তা শো করার জন্য
<র> লেখা ইটালিক করার জন্য
<রভৎধসব> আইফ্রেম আনার জন্য
<রসম> ছবি আনার জন্য
<রহঢ়ঁঃ> ইনপুট ফর্ম আনার জন্য
<ঁষ> টহড়ৎফবৎ খরংঃ তৈরি করার জন্য
<ষর> লিস্ট আইটেম লেখার জন্য
<ড়ষ> অর্ডার লিস্ট করার জন্য
<ষরহশ/> কোন লিংক দেওয়ার জন্য
<সবঃধ/> মেটা ডাটা লেখার জন্য
<ড়ঢ়ঃরড়হ> অপশন ডাটা লেখার জন্য
<ঢ়> প্যারাগ্রাফ লেখার জন্য
<ংসধষষ> ছোট লেখার জন্য
<ংঢ়ধহ> সেকশন তৈরি করার জন্য
<ংঃৎড়হম> মোটা লেখার জন্য
<ঝঃৎরশব> টেক্সের মাঝে কাটা দাক দেওয়ার জন্য
<ংঃুষব> স্টাইল করার জন্য
<ংঁন> ঝঁনংপৎরঢ়ঃবফ ঞবীঃ লেখার জন্য
<ংঁঢ়> ঝঁঢ়বৎংপৎরঢ়ঃবফ ঞবীঃ লেখার জন্য
<ঃধনষব> টেবিল তৈরি করার জন্য
<ঃফ> ঞধনষব উধঃধ লেখার জন্য
<ঃয> টেবিল হেডার লেখার জন্য
<ঃৎ> টেবিল রো করার জন্য
<ঁ> আন্ডার লাইন করার জন্য ইত্যাদি

লেখা বোল্ড করার জন্য
<নধংবভড়হঃ/> ফন্ট সাইজ ও কালার নির্ধারণ করার জন্য
<নরম> বড় লেখার জন্য
<নষড়পশয়ঁড়ঃব> উক্তি কুওতিওন দেওয়ার জন্য
<নৎ/> লাইন ব্রেক করার জন্য

Leave a Reply

Your email address will not be published. Required fields are marked *