Html কি এবং কেন : হ্যালো রিডার বাংলা আইটি ব্লগের আজকের এই এইচটিএমএল কি নিয়ে লেখা আর্টিকেলে আপনাকে স্বাগতম।
আজকের এই আর্টিকেল থেকে আপনি জানতে পারবেন HTML ki, html bangla এসব নিয়ে অনেক তথ্য।
যা আপনাকে HTML এর সম্পর্কে বেসিক যে বিষয়গুলা আছে সে গুলা জানতে পারবেন, যেমম HTML কি বা html কাকে বলে (what is html in Bangla).
বর্তমানে ইন্টারনেট থেকে টাকা আয় করার জন্য অনেক উপায় রয়েছে। এর মধ্যে ব্লগিং একটি খুব জনপ্রিয় মাধ্যম হিসেবে উল্লেখযোগ্য।
ব্লগিং করার জন্য আমাদের প্রথমেই একটি ব্লগ সাইট বা ওয়েবসাইট তৈরি করতে হবে। এটি তৈরি করার জন্য HTML খুব গুরুত্বপূর্ণ একটি কম্পিউটার ভাষা।
HTML এর মানে কি? HTML হলো HyperText Markup Language এর সংক্ষিপ্ত রূপ। এটি ওয়েবসাইট বা ওয়েবপেজ তৈরির জন্য ব্যবহৃত হয়। এটি হলো একটি মার্কআপ ভাষা যা ওয়েবপেজের স্ট্রাকচার তৈরি করে।
HTML দিয়ে আপনি টেক্সট, ইমেজ, লিংক, টেবিল, ফর্ম এবং অন্যান্য elements গুলি ওয়েবপেজে যোগ করতে পারেন।
আপনি একটি blog বা website তৈরি করতে চান, তাহলে এইচটিএমএল (HTML) এর জ্ঞান থাকতে হবে।
HTML একটি মৌলিক ও প্রথমবার ডেভেলপ হওয়া ওয়েব ভাষা, যা ওয়েবসাইট এবং ওয়েবপেজে ব্যবহৃত হয়। এটি ওয়েবপেজের স্ট্রাকচার ও কন্টেন্ট এর জন্য ব্যবহৃত হয়।
এবং ওয়েবসাইট এর আকার ও ডিজাইন করার জন্যও ব্যবহৃত হয়। তাই আপনি HTML সম্পর্কে পর্যাপ্ত জ্ঞান না থাকলে ওয়েবসাইট তৈরি করা সম্ভব হবে না।
আপনি আরোও জানতে পারবেন…
- Javascript কি | জাভাস্ক্রিপ্ট এর কাজ কি [জাভাস্ক্রিপ্ট কি নিয়ে বিস্তারিত]
- জাভা কি | Java এর কাজ কি [ Java কি বিস্তারত দেখুন ]
- PHP কি | Php কিভাবে কাজ করে | What is PHP in bengali
তবে বর্তমানে প্রচুর সংখ্যক CMS সফটওয়্যার রয়েছে, যেগুলি “WordPress” এবং “Joomla” সহ অন্যান্য প্লাটফর্ম ব্যবহার করে কোডিং করা ছাড়াই একটি ওয়েবসাইট বানাতে পারবেন।
তবে, যদি আপনি নিজেকে একজন পেশাদার ওয়েব ডিজাইনার হিসেবে তৈরি করতে চান তবে HTML কি এবং কিভাবে html নিয়ে কাজ করবেন সেই সকল জানা খুবই জরুরি।
তাহলে চলুন জেনে নেওয়া যাক, html কি কাকে বলে, এইচটিএমএল এর পরিচিতি ও ইতিহাস, Html এর বৈশিষ্ট্য কি এবং এইচটিএমএল সম্পর্কিত অন্যান্য তথ্যাদি।
এইচটিএমএল কি – What is HTML in Bangla
আসুন এখন আমরা জেনে নেই, “HTML কি বা কাকে বলে”? HTML হলো “hypertext markup language” যার সংক্ষিপ্ত রূপ হচ্ছে HTML ।
যা আগেই উল্লেখ করা হয়েছে, এটি একটি কম্পিউটার ভাষা যা ওয়েবসাইট এবং ওয়েবপেজ তৈরি করার জন্য ব্যবহৃত হয়।
এছাড়াও, ওয়েবপেজগুলোকে আরও আকর্ষণীয় করার জন্য “CSS” ব্যবহৃত হয়।
বিভিন্ন ধরণের ওয়েবপেজ বা ওয়েব ডকুমেন্ট তৈরি করার জন্য আলাদা আলাদা এইচটিএমএল ট্যাগ ব্যবহার করা হয়। আপনি কি জানেন ট্যাগ কি বা এইচটিএমএল ট্যাগ কাকে বলে?
এইচটিএমএল ট্যাগ হলো একটি কম্পিউটার কোড বা সিস্টেম যা ওয়েবপেজের বিভিন্ন Element (যেমন টেক্সট, ছবি, লিংক ইত্যাদি) বর্ণনা করে এবং ব্রাউজারকে প্রদর্শন করার জন্য ব্যবহার করা হয়।
প্রতিটি এইচটিএমএল ট্যাগ <> এবং ট্যাগের নামের সাথে একই ভাবে শুরু হয় এবং শেষ হয়। উদাহরণস্বরূপ, <p> হলো প্যারাগ্রাফ ট্যাগ এবং <img> হলো ছবি ট্যাগ।
ava, Python, C++, C এসব হলো প্রোগ্রামিং ল্যাঙ্গুয়েজ বা programming languages। এগুলোও সমস্তকিছুই প্রোগ্রামিং জগতে প্রচলিত এবং ব্যবহার হয়ে থাকে বিভিন্ন কাজের জন্য।
যেমন সফটওয়্যার ডেভেলপমেন্ট, ওয়েব ডেভেলপমেন্ট, ডাটা সায়েন্স, গেম ডেভেলপমেন্ট ইত্যাদি।
আরো সহজভাবে যদি বলি তাহলে বলা যায়, HTML হল হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ, যা ওয়েব পৃষ্ঠাগুলি তৈরি করতে ব্যবহার হয়।
html কোড সমূহ দিয়ে আমরা ওয়েব পেজে টেক্সট, ছবি, লিঙ্ক, ভিডিও এবং অন্যান্য ধরনের সাধারণ এলিমেন্টগুলি যুক্ত করতে পারি।
এছাড়াও, এইচটিএমএল ওয়েব ব্রাউজারে দেখানো যায় এবং প্রায় সবধরনের ওয়েব পৃষ্ঠাগুলি তৈরি করতে ব্যবহার করা যায়।
আশা করি উপরের লেখা থেকে আপনি জানতে পেরেছেন, (About HTML in Bangla) HTML কি এবং htmlকাকে বলে .
HTML সম্পর্কে আরো জানতে হলে আগে HyperText Markup Language নিয়ে আলাদাভাবে জানতে হবে।
আগেই বলেছি যে, HTML এর পূর্ণরূপ হলো “Hypertext Markup Language”. এইখানে, “Hypertext” একটি প্রযুক্তি বোঝায় যার মাধ্যমে আমরা টেক্সট এবং মিডিয়া দেখতে পারি এবং এগুলি একটি ওয়েব পৃষ্ঠার মধ্যে লিঙ্ক করতে পারি।
“Markup” একটি নির্দিষ্ট ভাবে notified করে যে একটি ডকুমেন্ট কিভাবে দেখানো হবে এবং এর কন্টেন্ট কে কি ভাবে সংরক্ষণ করা হবে।
এবং “Language” হলো একটি কম্পিউটার ভাষা যা ব্যবহার করে ওয়েব পৃষ্ঠাগুলি তৈরি করা হয়।
HyperText কি
Hypertext হল একটি বিশেষ ধরণের টেক্সট যা যেকোনো ইলেকট্রনিক ডিভাইসে দেখা যায় এবং যা Interactive (পারস্পরিকভাবে কার্যকরী) হতে পারে।
অর্থাৎ এর মাধ্যমে আমরা অন্য কোনো ডকুমেন্ট বা ওয়েব পেজে নির্দেশনা করতে পারি। হাইপারটেক্সটে একটি লিংক থাকে যা ক্লিক করা হলে একটি নতুন ডকুমেন্ট বা ওয়েব পেজ খুলে যায়।
Hypertext ডকুমেন্টগুলি লিঙ্কযুক্ত হয় এবং যেকোনো টেক্সট, চিত্র, ভিডিও, অডিও ইত্যাদি ধরণের মিডিয়া লিঙ্ক হিসেবে ব্যবহার করা যেতে পারে।
Hypertext ডকুমেন্টগুলির মাধ্যমে ব্যবহারকারীরা একটি ডকুমেন্ট থেকে অন্য একটি ডকুমেন্টে নেভিগেট করতে পারেন।
Anchor tags (<a>) ব্যবহার করে যেকোনো টেক্সট, চিত্র, ভিডিও, অডিও ইত্যাদি একটি লিঙ্ক হিসেবে রূপান্তর করা যেতে পারে।
এই লিঙ্ক গুলি হাইপারলিঙ্ক বা সংযুক্তিলিঙ্ক (hyperlink) নামে পরিচিত। সাধারণতঃ এই লিঙ্ক গুলি নিউ ট্যাব বা সেইম ট্যাবে একটি নতুন ডকুমেন্ট বা ওয়েব পেজ প্রবেশ করতে দেয়।
আমি যদি আরো সহজ ভাবে বলি, হাইপারটেক্সট কি এবং এটি কীভাবে কাজ করে। হাইপারটেক্সট একটি ডকুমেন্ট ফরম্যাট যা টেক্সট, চিত্র, ভিডিও, অডিও ইত্যাদি ধরণের মিডিয়া লিঙ্ক হিসেবে ব্যবহার করে।
এই লিঙ্কগুলি হাইপারলিঙ্ক বা সংযুক্তিলিঙ্ক (hyperlink) নামে পরিচিত। এই লিঙ্ক গুলি ব্যবহারকারীকে একটি ডকুমেন্ট থেকে অন্য একটি ডকুমেন্টে নেভিগেট করতে দেয়।
হাইপারটেক্সট ফরম্যাটটি ওয়েবপেজ, ইমেল এবং ডকুমেন্ট সম্পর্কিত অনেকগুলি জায়গায় ব্যবহৃত হয়।
আশা করছি, “হাইপারটেক্সট কি” বুঝতে পেরেছেন।
Markup কি ?
Markup হল একটি প্রোগ্রামিং ভাষা যা টেক্সট গুলো সাজানোর জন্য ব্যবহৃত হয়। Markup দিয়ে ব্যবহারকারীরা টেক্সট ডকুমেন্টগুলি সাজানো হয়, যাতে দেখতে সুন্দর হয়।
Markup একটি নির্দিষ্ট সিনট্যাক্স ফলো করে এবং সেটি দিয়ে টেক্সটের আকার, স্টাইল এবং অন্যান্য ফরম্যাট নির্ধারিত হয়।
এখন আবার আপনি জিজ্ঞাসা করতে পারেন এই html syntax কি? HTML syntax হল একটি নির্দিষ্ট নিয়ম বা গাইডলাইন, যা অনুসরণ করে একটি HTML ডকুমেন্ট তৈরি করা হয়।
এটি suitable হতে পারে হাইপারটেক্সট ডকুমেন্ট এবং ওয়েব পেজের জন্য, যেখানে টেক্সট সঙ্গে বিভিন্ন ধরণের মিডিয়া সংযুক্ত থাকতে পারে, যেমন চিত্র, ভিডিও, অডিও ইত্যাদি।
একটি সাধারণ Markup ভাষা হল HTML (Hypertext Markup Language), যা ওয়েব পেজ তৈরি করার জন্য ব্যবহৃত হয়।
CSS (Cascading Style Sheets) হল একটি অন্যতম সাধারণ মার্কআপ ভাষা যা ওয়েব পেজের স্টাইল কন্ট্রোল করে।
এখন, যদি বলা হয় যে “মার্কআপ কি”, তাহলে এর উত্তরে বলা যায়, মার্কআপ হল এমন একটি পদ্ধতি যার মাধ্যমে লেখা টেক্সট থেকে উপযুক্ত ফরম্যাটিং এবং সংযোজন করে একটি নির্দিষ্ট ধরনের ডকুমেন্ট বা ওয়েবপেজ তৈরি করা হয়।
মার্কআপে টেক্সটের মধ্যে বিভিন্ন ধরনের ট্যাগ ব্যবহার করে টেক্সট ফরম্যাটিং করা হয় যার মাধ্যমে ওয়েবপেজে ছবি, লিংক, টেবিল, লিস্ট এবং অন্যান্য ধরনের উপাদান সংযোজিত করা যায়।
<p>বাংলা লিখতে আমি <em>খুব</em> ভালবাসি। এটি <strong>সুন্দর</strong> ও সহজ।</p>
এখানে <h1> ট্যাগটি শিরোনাম দেয়ার জন্য ব্যবহৃত হয়েছে এবং <p> ট্যাগটি প্যারাগ্রাফ বিভাগের জন্য ব্যবহৃত হয়েছে।
<em> ট্যাগটি লেখাটির মধ্যে কিছু শব্দকে ইতালিক করতে ব্যবহৃত হয়েছে এবং <strong> ট্যাগটি লেখাটির মধ্যে কিছু শব্দকে বোল্ড করতে ব্যবহৃত হয়েছে।
Language কি
HTML একটি কম্পিউটার ল্যাঙ্গুয়েজ যা ওয়েবপেজ তৈরি করার জন্য ব্যবহার হয়। HTML ভাষাটি ওয়েব ডেভেলপমেন্টে একটি মৌলিক ভূমিকা পালন করে।
এটি ওয়েব পেজের বিভিন্ন উপাদান যেমন টেক্সট, ছবি, ভিডিও, লিঙ্ক ইত্যাদি নির্দিষ্ট করে। হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ (HTML) দ্বারা ওয়েবপেজ তৈরি করা হয়।
এবং এর মাধ্যমে ওয়েবপেজের ডিজাইন এবং ফাংশনালিটি নির্ধারিত করা হয়।
HTML এর ব্যবহার কোথায় করা হয় ?
HTML হল হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ যা ওয়েব ডেভেলপমেন্টে ব্যবহৃত হয়। HTML দিয়ে ওয়েব পেজ এবং ওয়েব অ্যাপ্লিকেশন তৈরি করা হয়।
যেমন, ওয়েবসাইটের হোমপেজ, কন্টেন্ট পেজ, ফর্ম, টেবল, লিস্ট এবং অন্যান্য সামগ্রীসমূহ। HTML দ্বারা ওয়েব পেজের স্ট্রাকচার এবং কনটেন্ট ডিফাইন করা হয়।
সাধারণত ওয়েব ডেভেলপারদের প্রথম ধাপ হল একটি HTML টেমপ্লেট তৈরি করা। তারপর সেই টেমপ্লেটটি ব্যবহার করে ওয়েব পেজ তৈরি করা হয়।
HTML এর ব্যবহার কেবল webpage তৈরি করার জন্য নয়। আসলে HTML ব্যবহার করে নিম্নলিখিত কাজ করা যায়:
- Webpages তৈরি করা
- Online forms তৈরি করা
- Audio এবং Video ফাইলগুলো embed করা
- Mobile অ্যাপ্লিকেশন তৈরি করা
- Web-based গেম তৈরি করা
- ডকুমেন্টেশন লেখা
- Web-based অ্যাপ্লিকেশন তৈরি করা
- ক্যালেন্ডার তৈরি করা
- Data visualization করা
- Web-based Chat এপ্লিকেশন তৈরি করা
ই-বুক সাধারণত HTML এর মাধ্যমে তৈরি হয় এবং একাধিক সাইট এবং অ্যাপ্লিকেশন যেমন ফেসবুক, টুইটার, গুগল ডকস এবং অন্যান্য কাজেও HTML ব্যবহৃত হয়ে থাকে।
আপনি আরোও দেখতে পারেন…
- Mysql কি | মাইএসকিউএল এর কাজ কি
- কোডিং কি ? কিভাবে কোডিং শেখা যায়
- ই মেইল কি | ইমেইল কিভাবে কাজ করে | email ki
HTML এর সাথে কম্পিউটার সফটওয়্যারের সম্পর্কেও ব্যবহার করা হয়, যেমন ডেস্কটপ অ্যাপ্লিকেশন এবং গেম ডেভেলপমেন্টে ও HTML ব্যবহৃত হতে পারে।
HTML এর বিভিন্ন ভার্সন
- HTML 1.0: এটি প্রথম ভার্সন ছিল যা 1993 সালে প্রকাশিত হয়। এই ভার্সনে শুধুমাত্র সিম্পল টেক্সট ফরম্যাটিং পরিচালনা করা যেত।
- HTML 2.0: এটি 1995 সালে প্রকাশিত হয়। এই ভার্সনে টেবিল, ইমেজ, লিংক ইত্যাদি সাপোর্ট করা হয়েছিল।
- HTML 3.2: এটি 1997 সালে প্রকাশিত হয়। এই ভার্সনে ফর্ম, ইমেজ ম্যাপ, অ্যাপ্লিকেশন কন্ট্রোল ইত্যাদি যোগ করা হয়েছিল।
- HTML 4.01: এটি 1999 সালে প্রকাশিত হয়। এই ভার্সনে স্কিন পরিচালনা, স্টাইল শীট এবং স্ক্রিপ্ট ইত্যাদি নতুন ফিচার যোগ করা হয়।
- XHTML 1.0: XHTML 1.0 ভার্সনটি 2000 সালে মুক্ত হয়েছিল। এই ভার্সন হলো একটি মান বেজড ও স্ট্রিকট বেজড HTML ভার্সন।
- HTML 5 : HTML 5 হল একটি মডার্ন ও উন্নয়নশীল ভার্সন যা 2014 সালে প্রকাশিত হয়েছে। এটি পূর্বের ভার্সনগুলির তুলনায় অনেক বেশি কনটেন্ট রিচ অ্যাপ্লিকেশন তৈরি করার সুবিধা দেয়।
প্রত্যেকটি ভার্সনের সাথে সাধারণত নতুন ফিচার সংযোজিত হয় এবং ওয়েব ডেভেলপমেন্টের প্রতিযোগিতার সাথে সাথে এগুলো উন্নয়ন করা হয়।
Html এর কাজ কি
HTML হল হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ এর সংক্ষিপ্ত রূপ যা ওয়েবপেজ তৈরি করার জন্য ব্যবহৃত হয়।
HTML এর মাধ্যমে ওয়েবপেজ এর বিভিন্ন অংশ যেমন টেক্সট, ছবি, লিঙ্ক, ফর্ম, টেবিল ইত্যাদি তৈরি করা হয়। এছাড়া HTML ব্যবহার করে ওয়েবসাইটের স্ট্রাকচার এবং লেআউট তৈরি করা যায়।
HTML এর মাধ্যমে ওয়েবপেজ বিভিন্ন ডিভাইস এবং ব্রাউজারে সঠিকভাবে দেখানো যায়।
Html এর বৈশিষ্ট্য কি
HTML হল ওয়েব ডকুমেন্ট ফরম্যাট, যা ওয়েবসাইট বা ওয়েবপেজ তৈরির জন্য ব্যবহৃত হয়। HTML এর বৈশিষ্ট্য হল একটি লক্ষ্যমাত্রা ভিত্তিক সম্পূর্ণ টেক্সট ফরম্যাট, যা একটি ওয়েবপেজের সমস্ত সংজ্ঞা এবং বৈশিষ্ট্য বর্ণনা করে।
HTML ফাইলের মাধ্যমে ওয়েবপেজ তৈরি করা যায় এবং এটি ওয়েবসাইট তৈরির মৌলিক ভাষা। কিছু HTML এর উদাহরণ হলো টেক্সট ফরম্যাটিং, ইমেজ বা চিত্র যুক্ত করা, হাইপারলিংক যোগ করা এবং ফরম যোগ করা।
- সাধারণত সমস্ত ব্রাউজার এবং ডিভাইস এ HTML সমর্থিত হয়
- এটি খুবই সহজভাবে শিখা এবং ব্যবহার করা যায়
- ওয়েব ডিজাইনে সাধারণত CSS এবং JavaScript এর সাথে একত্র ব্যবহৃত হয়
এছাড়াও আরো অনেক Html এর বৈশিষ্ট্য আছে যেগুলা আপনি কাজ করার সময় বুঝতে পারবেন। আশা করি Html এর বৈশিষ্ট্য কি এই নিয়ে আর প্রশ্ন থাকবে না।
Html কিভাবে শিখব
আপনি যদি Html শিখতে চান তাহলে আপনি ফ্রি এবং পেইড হিসাবে শিখতে পারবেন। আমি এখানে ফ্রি এবং পেইড এ কিভাবে Html শিখবেন তা জানতে পারবেন।
অনলাইনে HTML শেখার কিছু ওয়েবসাইট নিয়ে আমি নিচে তালিকা করে দিচ্ছি যে ওয়েবসাইট থেকে আপনি Html শিখতে পারবেন।
- W3Schools (https://www.w3schools.com/html/): এটা ফ্রি একটি অনলাইন পোর্টাল যেখানে সম্পূর্ণ বাংলা ভাষায় এইচটিএমএল শেখানো হয়।
- Khan Academy (https://www.khanacademy.org/computing/computer-programming/html-css): এটা ফ্রি এটি হল আরেকটি বিশ্বস্ত ও বিশ্বস্ত প্রতিষ্ঠানের একটি ওয়েবসাইট। এখানে আপনি প্রযোজ্য টিউটোরিয়াল, বিভিন্ন অনুশীলন করতে পারেন।
- Codecademy (https://www.codecademy.com/learn/learn-html): এটা পেইড এটি একটি পূর্ণরূপ কোর্স যা আপনাকে হাতেকলমে শিখাবে যেখানে আপনি নির্দিষ্ট প্রশ্ন উত্তর করতে হবেন।
- Udemy (https://www.udemy.com/topic/html/) Udemy একটি অনলাইন পেইড লার্নিং প্লাটফর্ম যা বিভিন্ন কোর্স সরবরাহ করে। এখানে আপনি সম্পূর্ণরূপে HTML শিখতে পারবেন।
- webcoachbd (https://www.webcoachbd.com/html-tutorials) webcoachbd হল বাংলাদেশের একটি ওয়েব ডিজাইন এবং ডেভেলপমেন্ট শিক্ষার প্লাটফর্ম। এখানে আপনি HTML, CSS, JavaScript এবং ওয়েব ডিজাইন সম্পর্কিত বিভিন্ন কোর্স এবং টিউটোরিয়াল পেতে পারেন।
YouTube এ HTML শেখার জন্য অনেক ভিডিও রয়েছে
- Traversy Media: এটি ওয়েব ডেভেলপমেন্ট সম্পর্কে বিভিন্ন ভিডিও টিউটোরিয়াল প্রদান করে। এখানে আপনি সাধারণ HTML এর সাথে সম্পূর্ণ টিউটোরিয়াল পাবেন।
- LearnCode.academy: এটি সহজ ওয়েব ডেভেলপমেন্ট সম্পর্কে ভিডিও টিউটোরিয়াল প্রদান করে। এখানে আপনি HTML এর সাথে কিছু প্রাথমিক টপিক সম্পর্কে জানতে পারেন।
- Dev Ed: এটি ওয়েব ডেভেলপমেন্ট এর বিভিন্ন সমস্যার সমাধান সম্পর্কে বিভিন্ন টিউটোরিয়াল প্রদান করে। এখানে আপনি HTML সম্পর্কে অনেক কিছু জানতে পারেন।
এছাড়াও আপনি ইউটিউব থেকে বাংলা ভাষায় HTML শিখতে পারবেন খুব সহজেই ফ্রিতে এবং আপনার যখন ইচ্ছা হয় আপনার।
html কোড লেখার নিয়ম
HTML কোড লিখতে হলে একটি টেক্সট এডিটর ব্যবহার করা হয়। সাধারণত Notepad, Notepad++, Sublime Text এবং Visual Studio Code ব্যবহার করা হয়।
HTML কোড লেখার নিয়মগুলি নিম্নলিখিতঃ
- প্রথমেই একটি ট্যাগ শুরু হতে হবে। ট্যাগটি শুরু হলে < চিহ্ন লিখে ট্যাগটির নাম লিখতে হবে। উদাহরণঃ <html>
- ট্যাগের নাম লিখার পরে ট্যাগের শেষ করার জন্য > চিহ্ন লিখতে হবে। উদাহরণঃ <html>
- যখন একটি ট্যাগের ভিতরে কোনো উপাদান লিখতে হবে, তখন সেই উপাদানটি ট্যাগের ভিতরে লেখতে হবে। উদাহরণঃ <h1>Hello World!</h1>
- ট্যাগের শেষ করার জন্য ট্যাগের নামের আগে / চিহ্ন লিখতে হবে। উদাহরণঃ </html>
- HTML কোড লিখতে হবে টেক্সট এডিটর বা কোন টেক্সট এডিটিং সফটওয়্যার ব্যবহার করে।
- সকল HTML কোড লিখতে হবে HTML ফরম্যাট এর মধ্যে। প্রতিটি HTML ফরম্যাট ট্যাগ (<>) দ্বারা শুরু হবে এবং সেই ট্যাগের শেষে / দিয়ে শেষ হবে। যেমন:
<html>
<head>
<title> টাইটেল </title>
</head>
<body>
<h1> হেডিং </h1>
<p> প্যারাগ্রাফ </p>
</body>
</html>
- ট্যাগ এর মধ্যে আরও অনেক আইটেম লিখতে পারবেন। একটি ট্যাগ শুরু হলে অবশ্যই সেটি শেষ করতে হবে।
- HTML ট্যাগ সবসময় ছোট হাতের অক্ষরে লিখতে হবে। যেমন: <html>, <title>, <body>, ইত্যাদি।
- HTML ট্যাগ কেইস-সেনসিটিভ নয়। এর মানে হল একটি ট্যাগের শুরু বা শেষ হাতের বা বড় হাতের অক্ষর লেখা আপনার কোড চালু হবে না।
html ফাইল তৈরি হয় কিভাবে
এখানে আপনাকে দেখাবো কিভাবে সহজেই একটি html ফাইল তৈরি করা যায়। তাহলে চলুন নিয়মগুলা দেখা যাক স্টেপ বাই স্টেপ নিয়ম।
HTML ফাইল তৈরি করতে আপনার যেকোনো টেক্সট এডিটর ব্যবহার করতে পারেন। উদাহরণস্বরূপ, Windows অপারেটিং সিস্টেমে ডিফল্ট টেক্সট এডিটর হল Notepad।
এছাড়াও অনেক টেক্সট এডিটর আছে যেমন Notepad++, Sublime Text, Visual Studio Code ইত্যাদি যেগুলো ব্যবহার করে আপনি HTML ফাইল তৈরি করতে পারবেন।
- নতুন ফাইল তৈরি করতে চাইলে, এডিটরের মেনু থেকে “File” এবং “New” ক্লিক করুন।
- প্রথম লাইনে একটি ট্যাগ লিখুন, যা হল <!DOCTYPE html>. এই ট্যাগটি ব্রাউজারকে বলে দেয় যে এই ফাইলটি একটি HTML ফাইল।
- এখানে শুরু করে একটি HTML ট্যাগ লিখুন, যা হল <html>। এই ট্যাগটি ব্রাউজারকে বলে দেয় যে এই ফাইলটি একটি HTML ডকুমেন্ট।
- আপনার পাঠ্য লিখুন এবং সেটি HTML ট্যাগ দিয়ে ব্যবহার করুন, যেমন <p>, <h1>, <div>, <img> ইত্যাদি।
- ফাইলটি সংরক্ষণ করার জন্য এডিটরের মেনু থেকে “File” এবং “Save” ক্লিক করুন।
- ফাইলের নাম এবং সংরক্ষণের জায়গা নির্দিষ্ট করুন এবং “.html” এক্সটেনশন দিয়ে ফাইলটি সংরক্ষণ করুন।
FAQS
html ট্যাগের চিহ্ন কোনটি
HTML ট্যাগ শুরু হয় < চিহ্ন দিয়ে এবং শেষ হয় > চিহ্ন দিয়ে। উদাহরণস্বরূপ যদি একটি সাধারণ ট্যাগ নির্দেশ করা হয় যেমন <p> তাহলে সেটি হবে <p>…</p> এবং এখানে … অংশটি ট্যাগের ভিতরে থাকা কোনো কন্টেন্ট বুঝায়।
আর কিছু স্পেশাল ট্যাগ যেমন <img> বা <br> এমন ট্যাগ হওয়া সম্ভব যেখানে কোনো কন্টেন্ট থাকে না, তবে এদেরও শুরু হয় < চিহ্ন দিয়ে এবং শেষ হয় > চিহ্ন দিয়ে।
HTML কি এবং এর ব্যবহার কি?
HTML হল হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজের সংক্ষিপ্তসার। এটি ওয়েব পৃষ্ঠাগুলি তৈরি করতে ব্যবহৃত হয়। এর মাধ্যমে আমরা ওয়েব পৃষ্ঠাগুলি তৈরি করতে পারি এবং তার সাথে পাঠকদের প্রদর্শন করতে পারি।
HTML এর মূল কম্পোনেন্ট কি?
HTML এর মূল কম্পোনেন্ট হল এলিমেন্ট, এটি ওয়েব পৃষ্ঠার উপাদানগুলি যেমন শিরোনাম, প্যারাগ্রাফ, ছবি এবং লিংক এবং একটি ট্যাগ ব্যবহার করে লেখা হয়।
html এর জনক কে
HTML এর জনক হলেন টিম বার্ণার্স লি, যার কাজ হল ওয়েব পৃষ্ঠাগুলি তৈরি করা । তিনি 1989 সালে HTML উদ্ভব করেছেন এবং এটি বর্তমানে ওয়েব ডেভেলপমেন্টের একটি প্রধান কম্পোনেন্ট হিসাবে পরিচয় করা হয়।
HTML এর বিভিন্ন সংস্করণ কি কি?
এখন পর্যন্ত প্রকাশিত সংস্করণগুলি HTML 1.0, HTML 2.0, HTML 3.2, HTML 4.01, XHTML 1.0, XHTML 1.1 এবং HTML5।
HTML এর উপাদান কি কি?
HTML এর উপাদান হল ট্যাগ, এট্রিবিউট এবং মূলধনী টেক্সট।
HTML এর বিভিন্ন ট্যাগ কি কি?
HTML এর বিভিন্ন ট্যাগ হল হেডিং ট্যাগ, প্যারাগ্রাফ ট্যাগ, লিস্ট ট্যাগ, ইমেজ ট্যাগ, হাইপারলিংক ট্যাগ এবং টেবিল ট্যাগ।
html bangla tutorial
আপনি ইন্টারনেটে খুঁজে পাবেন বিভিন্ন ওয়েবসাইট যেখানে HTML এর বাংলা টিউটোরিয়াল পাওয়া যাবে। এছাড়াও বিভিন্ন অনলাইন প্লাটফর্মে অনলাইন কোর্স এবং ভিডিও টিউটোরিয়াল পাওয়া যাবে।
HTML code কোথায় পাওয়া যায়?
আপনি ইন্টারনেটে সহজেই হাজার হাজার ওয়েবসাইট খুঁজে পাবেন যেখানে বিভিন্ন ধরণের HTML কোড পাওয়া যাবে।
2005 সালে এইচটিএমএল এর কোন সংস্করণ তৈরি হয়
2005 সালে এইচটিএমএল এর সংস্করণ 4.01 এবং এক্সএমএল (XHTML) এর সংস্করণ 2.0 তৈরি হয়। তবে আমাদের কাছে এইচটিএমএল 4.01 বেশি ব্যবহৃত হয় না, কারণ এর পরে এক্সএমএল (XHTML) এসেছে যা বেশি ব্যবহৃত হয়।
এইচটিএমএল এর বর্তমান সংস্করণ কি
এইচটিএমএল এর বর্তমান সংস্করণ হল HTML5 (Hypertext Markup Language version 5)। HTML5 এর প্রথম প্রকাশ হয় 2014 সালে। HTML5 একটি স্ট্রাকচারযুক্ত ও মডার্ন ভার্সন যা ওয়েব ডেভেলপমেন্টে ব্যবহৃত হয়।
Html5 ও html এর মধ্যে পার্থক্য কি
দুইটি সংস্করণ যা ওয়েব পৃষ্ঠাগুলি তৈরি করতে ব্যবহৃত হয়। দুটি সংস্করণের মধ্যে পার্থক্য হল এইচটিএমএল 5 মডার্ন এবং একটি স্ট্রাকচারযুক্ত ভার্সন হিসাবে বিবেচিত হয়।
আপনি আরোও পড়তে পারেন…
- মোবাইল ফোনের ক্ষতিকর ১০টি দিক | মোবাইল ফোনের অপব্যবহার এর ক্ষতি
- ছাত্রদের জন্য অনলাইনে ইনকাম করার ১২ টি সহজ উপায়
HTML5 এর প্রয়োজনীয়তা বেশি হওয়া সত্ত্বেও বেশিরভাগ ওয়েব পৃষ্ঠাগুলি এখনও HTML এর সংস্করণ ব্যবহার করে তৈরি করা হয়। এতে অবশ্যই কিছু পূর্ববর্তী ফিচার কম থাকতে পারে।
HTML কি নিয়ে আমাদের শেষ কথা
আজকের আর্টিকেল থেকে আপনি জানতে পারলেন, html কাকে বলে এবং html tutorials, এইচটিএমএল ট্যাগ কাকে বলে এবং কিভাবে শিখবেন html.
একটি ব্লগের লেখা থেকে আপনাকে সবটুকু html শিখানো সম্ভব না। আপনি শুধু এখান থেকে বেসিক বিষয়গুলা জানতে পারবেন।
তবে আমি উপরে কিছু উপায় বলে দিয়েছি সেই উপাইয়ে আপনি html শিখতে পারবেন।
আর এই আর্টিকেল থেকে আপনি যদি আরো কিছু জনাতে চান। তাহলে আমাদের ব্লগের নিচে কমেন্ট করুন।
ভাইয়া,
আমি এন্ড্রোয়েড নিস নিয়ে একটা বাংলা ব্লগ তৈরি করব ভাবছি কিন্তু বাংলাতে এই নিস সম্পর্কিত ব্লগে কি ভিজিটর আসে এবং এই নিস নিয়ে কাজ করলে কি ইনকাম হতে পারে, দয়া করে যদি একটু বলতেন
আপনাকে keywords reaserch করে দেখতে হবে যে ভিজিটর আসবে কিনা । আপনি এই আর্টিকেল দেখুন কিওয়ার্ড রিসার্চ কি ? কিভাবে কিওয়ার্ড রিসার্চ করতে হয়