HTML কি : হ্যালো পাঠক, PUBJA.COM ব্লগের এই HTML কী নিবন্ধে স্বাগতম। আজকের আর্টিকেল থেকে আপনি HTML ki, html bangla সম্পর্কে অনেক তথ্য জানতে পারবেন।
যা আপনাকে এইচটিএমএল সম্পর্কে প্রাথমিক বিষয়গুলি যেমন এইচটিএমএল কী বা বাংলায় এইচটিএমএল কী তা জানতে দেব।
আজকাল ইন্টারনেট থেকে অর্থ উপার্জনের অনেক উপায় রয়েছে। এর মধ্যে ব্লগিং খুবই জনপ্রিয় একটি মাধ্যম।
ব্লগিং এর জন্য প্রথমে আমাদের একটি ব্লগ সাইট বা ওয়েবসাইট তৈরি করতে হবে। এটি তৈরি করার জন্য এইচটিএমএল একটি অত্যন্ত গুরুত্বপূর্ণ কম্পিউটার ভাষা।
HTML মানে কি? এইচটিএমএল মানে হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ। এটি ওয়েবসাইট বা ওয়েবপেজ তৈরি করতে ব্যবহৃত হয়। এটি একটি মার্কআপ ভাষা যা ওয়েবপৃষ্ঠাগুলির গঠন তৈরি করে।
HTML এর সাহায্যে আপনি একটি ওয়েবপেজে পাঠ্য, ছবি, লিঙ্ক, টেবিল, ফর্ম এবং অন্যান্য উপাদান যোগ করতে পারেন।
আপনি যদি একটি ব্লগ বা ওয়েবসাইট তৈরি করতে চান তবে আপনার অবশ্যই এইচটিএমএল সম্পর্কে জ্ঞান থাকতে হবে।
HTML হল মৌলিক এবং প্রথম বিকশিত ওয়েব ভাষা, যা ওয়েবসাইট এবং ওয়েবপেজে ব্যবহৃত হয়। এটি ওয়েবপৃষ্ঠার গঠন এবং বিষয়বস্তুর জন্য ব্যবহৃত হয়।
এবং ওয়েবসাইট আকৃতি এবং ডিজাইন করতে ব্যবহৃত হয়। তাই এইচটিএমএল সম্পর্কে যথেষ্ট জ্ঞান না থাকলে ওয়েবসাইট তৈরি করা সম্ভব হবে না।
যাইহোক, বর্তমানে “ওয়ার্ডপ্রেস” এবং “জুমলা” সহ প্রচুর সংখ্যক CMS সফ্টওয়্যার উপলব্ধ রয়েছে, যা আপনাকে অন্যান্য প্ল্যাটফর্ম ব্যবহার করে কোডিং ছাড়াই একটি ওয়েবসাইট তৈরি করতে দেয় ৷
HTML কি এইচটিএমএল এর ব্যবহার এবং শিখার উপায়
তবে, আপনি যদি একজন পেশাদার ওয়েব ডিজাইনার হিসেবে নিজেকে প্রতিষ্ঠিত করতে চান, তাহলে এইচটিএমএল কী এবং এটির সাথে কীভাবে কাজ করবেন তা জানা খুবই গুরুত্বপূর্ণ।
তো চলুন জেনে নিই html কি, html এর পরিচিতি ও ইতিহাস, html এর বৈশিষ্ট্য এবং html সম্পর্কিত অন্যান্য তথ্য।
এইচটিএমএল কি – What is HTML in Bangla
এবার জেনে নেওয়া যাক, “এইচটিএমএল কী বা কী”? HTML মানে “হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ” যার সংক্ষিপ্ত নাম HTML।
আগেই উল্লেখ করা হয়েছে, এটি একটি কম্পিউটার ভাষা যা ওয়েবসাইট এবং ওয়েবপেজ তৈরি করতে ব্যবহৃত হয়।
এছাড়াও, ওয়েবপেজগুলিকে আরও আকর্ষণীয় করতে “CSS” ব্যবহার করা হয়।
বিভিন্ন ধরনের ওয়েবপেজ বা ওয়েব ডকুমেন্ট তৈরি করতে বিভিন্ন HTML ট্যাগ ব্যবহার করা হয়। আপনি কি ট্যাগ বা HTML ট্যাগ কি জানেন?
HTML ট্যাগ হল একটি কম্পিউটার কোড বা সিস্টেম যা একটি ওয়েব পৃষ্ঠার বিভিন্ন উপাদান (যেমন পাঠ্য, ছবি, লিঙ্ক ইত্যাদি) বর্ণনা করে এবং ব্রাউজার প্রদর্শন করতে ব্যবহৃত হয়।
প্রতিটি HTML ট্যাগ <> এবং ট্যাগ নামের সাথে একইভাবে শুরু এবং শেষ হয়। উদাহরণস্বরূপ, <p> একটি অনুচ্ছেদ ট্যাগ এবং <img> একটি চিত্র ট্যাগ।
ava, Python, C++, C হল প্রোগ্রামিং ভাষা। এগুলো সবই প্রোগ্রামিং জগতে সাধারণ এবং বিভিন্ন কাজে ব্যবহৃত হয়।
যেমন সফটওয়্যার ডেভেলপমেন্ট, ওয়েব ডেভেলপমেন্ট, ডেটা সায়েন্স, গেম ডেভেলপমেন্ট ইত্যাদি।
আরও সহজভাবে, এইচটিএমএল হল হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ, যা ওয়েব পেজ তৈরি করতে ব্যবহৃত হয়।
এইচটিএমএল কোডের সাহায্যে আমরা ওয়েব পৃষ্ঠাগুলিতে পাঠ্য, ছবি, লিঙ্ক, ভিডিও এবং অন্যান্য ধরণের সাধারণ উপাদান যোগ করতে পারি।
এছাড়াও, HTML ওয়েব ব্রাউজারে প্রদর্শিত হতে পারে এবং প্রায় যেকোনো ধরনের ওয়েব পেজ তৈরি করতে ব্যবহার করা যেতে পারে।
আশা করি উপরের লেখা থেকে জেনেছেন, (বাংলায় HTML সম্পর্কে) HTML কাকে বলে এবং html কাকে বলে।
এইচটিএমএল সম্পর্কে আরও জানতে, প্রথমে আপনাকে হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ সম্পর্কে আলাদাভাবে জানতে হবে।
আমি আগেই বলেছি যে HTML এর পূর্ণরূপ হল “হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ”। এখানে, “হাইপারটেক্সট” এমন একটি প্রযুক্তিকে বোঝায় যার মাধ্যমে আমরা পাঠ্য এবং মিডিয়া দেখতে পারি এবং একটি ওয়েব পৃষ্ঠার মধ্যে তাদের লিঙ্ক করতে পারি।
“মার্কআপ” একটি নির্দিষ্ট উপায়ে বিজ্ঞপ্তি দেয় যে কীভাবে একটি ডকুমেন্ট প্রদর্শিত হবে এবং কীভাবে এর বিষয়বস্তু সংরক্ষণ করা হবে।
এবং “ভাষা” হল একটি কম্পিউটার ভাষা যা ওয়েব পেজ তৈরি করতে ব্যবহৃত হয়।
HyperText কি
হাইপারটেক্সট হল একটি বিশেষ ধরনের টেক্সট যা যেকোনো ইলেকট্রনিক ডিভাইসে দেখা যায় এবং ইন্টারেক্টিভ হতে পারে।
অর্থাৎ এর মাধ্যমে আমরা অন্য ডকুমেন্ট বা ওয়েব পেজে সরাসরি যেতে পারি। হাইপারটেক্সটে একটি লিঙ্ক রয়েছে যা ক্লিক করা হলে একটি নতুন নথি বা ওয়েব পৃষ্ঠা খোলে।
হাইপারটেক্সট ডকুমেন্ট লিঙ্ক করা হয় এবং যেকোন ধরনের মিডিয়া যেমন টেক্সট, ইমেজ, ভিডিও, অডিও ইত্যাদি লিঙ্ক হিসেবে ব্যবহার করা যেতে পারে।
হাইপারটেক্সট ডকুমেন্ট ব্যবহারকারীদের এক ডকুমেন্ট থেকে অন্য ডকুমেন্টে নেভিগেট করতে দেয়।
যেকোন টেক্সট, ইমেজ, ভিডিও, অডিও ইত্যাদি অ্যাঙ্কর ট্যাগ (<a>) ব্যবহার করে একটি লিঙ্ক হিসাবে রূপান্তর করা যেতে পারে।
এই লিঙ্কগুলি হাইপারলিঙ্ক হিসাবে পরিচিত। সাধারণত, এই লিঙ্কগুলি একটি নতুন ডকুমেন্ট বা ওয়েব পৃষ্ঠা একটি নতুন ট্যাব বা একই ট্যাবে খোলে।
আমি যদি এটি আরও সহজভাবে বলি, হাইপারটেক্সট কী এবং এটি কীভাবে কাজ করে। হাইপারটেক্সট হল একটি নথি বিন্যাস যা টেক্সট, ছবি, ভিডিও, অডিও ইত্যাদি মিডিয়া লিঙ্ক হিসাবে ব্যবহার করে।
এই লিঙ্কগুলি হাইপারলিঙ্ক হিসাবে পরিচিত। এই লিঙ্কগুলি ব্যবহারকারীকে এক নথি থেকে অন্য নথিতে নেভিগেট করার অনুমতি দেয়।
হাইপারটেক্সট ফর্ম্যাটটি ওয়েবপেজ, ইমেল এবং নথি সম্পর্কিত অনেক জায়গায় ব্যবহৃত হয়।
আশা করি আপনি “হাইপারটেক্সট কি” বুঝতে পেরেছেন।
Markup কি ?
মার্কআপ একটি প্রোগ্রামিং ভাষা যা পাঠ্য বিন্যাস করতে ব্যবহৃত হয়। মার্কআপ ব্যবহারকারীদের এমনভাবে পাঠ্য নথি সাজানোর অনুমতি দেয় যা ভাল দেখায়।
মার্কআপ একটি নির্দিষ্ট সিনট্যাক্স অনুসরণ করে যা পাঠ্যের আকার, শৈলী এবং অন্যান্য বিন্যাস নির্ধারণ করে।
এখন আবার আপনি জিজ্ঞাসা করতে পারেন এই এইচটিএমএল সিনট্যাক্স কি? HTML সিনট্যাক্স হল নিয়ম বা নির্দেশিকাগুলির একটি সেট, যা অনুসরণ করে একটি HTML নথি তৈরি করা হয়।
এটি হাইপারটেক্সট নথি এবং ওয়েব পৃষ্ঠাগুলির জন্য উপযুক্ত হতে পারে, যেখানে পাঠ্যে বিভিন্ন ধরনের মিডিয়া থাকতে পারে, যেমন ছবি, ভিডিও, অডিও ইত্যাদি।
একটি সাধারণ মার্কআপ ভাষা হল HTML (হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ), যা ওয়েব পেজ তৈরি করতে ব্যবহৃত হয়।
CSS (ক্যাসকেডিং স্টাইল শীট) হল সবচেয়ে সাধারণ মার্কআপ ভাষাগুলির মধ্যে একটি যা ওয়েব পৃষ্ঠাগুলির শৈলী নিয়ন্ত্রণ করে।
এখন, যদি প্রশ্ন করা হয় “মার্কআপ কী”, তাহলে উত্তরে বলা যেতে পারে, মার্কআপ হল লিখিত টেক্সট থেকে উপযুক্ত বিন্যাস এবং সংযোজন করে একটি নির্দিষ্ট ধরনের নথি বা ওয়েবপেজ তৈরি করার একটি পদ্ধতি।
মার্কআপ হল টেক্সটের মধ্যে বিভিন্ন ধরনের ট্যাগ ব্যবহার করে টেক্সট ফরম্যাটিং, যার মাধ্যমে ওয়েবপেজে ছবি, লিঙ্ক, টেবিল, তালিকা এবং অন্যান্য উপাদান যোগ করা যায়।
উদাহরণস্বরূপ আমরা একটি বাংলা টেক্সট মার্কআপ লিখতে পারি যেমন:
<h1>আমার বাংলা লেখা</h1>
<p>আমি বাংলা লিখতে <em>খুব</em> ভালোবাসি। এটি <strong>সুন্দর</strong> এবং সহজ৷</p>৷
এখানে <h1> ট্যাগ হেডিং এর জন্য এবং <p> ট্যাগ অনুচ্ছেদ অংশের জন্য ব্যবহার করা হয়েছে।
<em> ট্যাগটি পাঠ্যের কিছু শব্দকে তির্যকভাবে ব্যবহার করা হয় এবং পাঠ্যের কিছু শব্দকে বোল্ড করার জন্য <strong> ট্যাগ ব্যবহার করা হয়।
একটি HTML ট্যাগের মধ্যে থাকা পাঠ্যের অংশটিকে মার্কআপ বলা হয়। এই পাঠ্য বিভাগে বিভিন্ন চিহ্ন এবং চিহ্ন রয়েছে, যা ওয়েবপেজে প্রদর্শিত হলে আকার, রঙ, ফন্ট শৈলী ইত্যাদি নির্ধারণ করে।
এবং এটিকে মার্কআপ বলা হয়।
Language কি
HTML হল একটি কম্পিউটার ভাষা যা ওয়েবপেজ তৈরি করতে ব্যবহৃত হয়। ওয়েব ডেভেলপমেন্টে এইচটিএমএল ভাষা একটি মৌলিক ভূমিকা পালন করে।
এটি একটি ওয়েব পেজের বিভিন্ন উপাদান যেমন টেক্সট, ছবি, ভিডিও, লিঙ্ক ইত্যাদি নির্দিষ্ট করে। হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ (HTML) ব্যবহার করে ওয়েব পেজ তৈরি করা হয়।
এবং এটি ওয়েবপেজের ডিজাইন এবং কার্যকারিতা নির্ধারণ করে।
HTML এর ব্যবহার কোথায় করা হয় ?
HTML হল ওয়েব ডেভেলপমেন্টে ব্যবহৃত হাইপারটেক্সট মার্কআপ ভাষা। ওয়েব পেজ এবং ওয়েব অ্যাপ্লিকেশন HTML দিয়ে তৈরি করা হয়।
উদাহরণস্বরূপ, ওয়েবসাইট হোমপেজ, বিষয়বস্তু পৃষ্ঠা, ফর্ম, টেবিল, তালিকা এবং অন্যান্য বিষয়বস্তু। HTML ওয়েব পৃষ্ঠাগুলির গঠন এবং বিষয়বস্তু সংজ্ঞায়িত করে।
সাধারণত ওয়েব ডেভেলপারদের জন্য প্রথম ধাপ হল একটি HTML টেমপ্লেট তৈরি করা। তারপর সেই টেমপ্লেট ব্যবহার করে ওয়েব পেজ তৈরি করা হয়।
HTML শুধুমাত্র ওয়েবপেজ তৈরি করতে ব্যবহার করা হয় না। আসলে HTML ব্যবহার করে নিম্নলিখিতগুলি করা যেতে পারে:
- ডকুমেন্টেশন লেখা
- Web-based অ্যাপ্লিকেশন তৈরি করা
- ক্যালেন্ডার তৈরি করা
- Data visualization করা
- Web-based Chat এপ্লিকেশন তৈরি করা
- Webpages তৈরি করা
- Online forms তৈরি করা
- Audio এবং Video ফাইলগুলো embed করা
- Mobile অ্যাপ্লিকেশন তৈরি করা
- Web-based গেম তৈরি করা
ই-বুক সাধারণত HTML ব্যবহার করে তৈরি করা হয় এবং অনেক সাইট এবং অ্যাপ্লিকেশন যেমন Facebook, Twitter, Google Docs এবং অন্যরা 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 উদাহরণ হল টেক্সট ফরম্যাটিং, ছবি বা গ্রাফিক্স যোগ করা, হাইপারলিঙ্ক যোগ করা এবং ফর্ম যোগ করা।
- এটি খুবই সহজভাবে শিখা এবং ব্যবহার করা যায়
- ওয়েব ডিজাইনে সাধারণত CSS এবং JavaScript এর সাথে একত্র ব্যবহৃত হয়
- সাধারণত সমস্ত ব্রাউজার এবং ডিভাইস এ HTML সমর্থিত হয়
এছাড়াও এইচটিএমএল এর আরও অনেক বৈশিষ্ট্য রয়েছে যা আপনি কাজ করার সাথে সাথে বুঝতে পারবেন। আশা করি এইচটিএমএল এর বৈশিষ্ট্যগুলি সম্পর্কে আর কোনও প্রশ্ন থাকবে না।
Html কিভাবে শিখব
আপনি যদি এইচটিএমএল শিখতে চান তবে আপনি বিনামূল্যে এবং অর্থ প্রদানের মতো শিখতে পারেন। এখানে আপনি শিখতে পারবেন কিভাবে বিনামূল্যে এবং অর্থ প্রদানে Html শিখতে হয়।
- 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 এবং ওয়েব ডিজাইন সম্পর্কিত বিভিন্ন কোর্স এবং টিউটোরিয়াল পেতে পারেন।
- অনলাইনে এইচটিএমএল শেখার জন্য আমি নিচে কিছু ওয়েবসাইট লিস্ট করছি যেখান থেকে আপনি এইচটিএমএল শিখতে পারবেন।
- W3Schools (https://www.w3schools.com/html/): এটা ফ্রি একটি অনলাইন পোর্টাল যেখানে সম্পূর্ণ বাংলা ভাষায় এইচটিএমএল শেখানো হয়।
- Khan Academy (https://www.khanacademy.org/computing/computer-programming/html-css): এটা ফ্রি এটি হল আরেকটি বিশ্বস্ত ও বিশ্বস্ত প্রতিষ্ঠানের একটি ওয়েবসাইট। এখানে আপনি প্রযোজ্য টিউটোরিয়াল, বিভিন্ন অনুশীলন করতে পারেন।
HTML শেখার জন্য ইউটিউবে অনেক ভিডিও আছে,
- Traversy Media: এটি ওয়েব ডেভেলপমেন্ট সম্পর্কে বিভিন্ন ভিডিও টিউটোরিয়াল প্রদান করে। এখানে আপনি সাধারণ HTML এর সাথে সম্পূর্ণ টিউটোরিয়াল পাবেন।
- Dev Ed: এটি ওয়েব ডেভেলপমেন্ট এর বিভিন্ন সমস্যার সমাধান সম্পর্কে বিভিন্ন টিউটোরিয়াল প্রদান করে। এখানে আপনি HTML সম্পর্কে অনেক কিছু জানতে পারেন।
- LearnCode.academy: এটি সহজ ওয়েব ডেভেলপমেন্ট সম্পর্কে ভিডিও টিউটোরিয়াল প্রদান করে। এখানে আপনি HTML এর সাথে কিছু প্রাথমিক টপিক সম্পর্কে জানতে পারেন।
এছাড়াও আপনি ইউটিউব থেকে বাংলায় HTML শিখতে পারেন খুব সহজেই বিনামূল্যে এবং আপনি যখনই চান।
html কোড লেখার নিয়ম
এইচটিএমএল কোড লেখার জন্য একটি টেক্সট এডিটর ব্যবহার করা হয়। সাধারণত ব্যবহৃত হয় নোটপ্যাড, নোটপ্যাড++, সাব্লাইম টেক্সট এবং ভিজ্যুয়াল স্টুডিও কোড।
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 ফাইল তৈরি করতে যেকোনো টেক্সট এডিটর ব্যবহার করতে পারেন। উদাহরণস্বরূপ, উইন্ডোজ অপারেটিং সিস্টেমের ডিফল্ট পাঠ্য সম্পাদক হল নোটপ্যাড।
এছাড়াও নোটপ্যাড++, সাবলাইম টেক্সট, ভিজ্যুয়াল স্টুডিও কোড ইত্যাদির মতো অনেক টেক্সট এডিটর রয়েছে যা আপনি 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 এর জনক টিম বার্নার্স লি, যার কাজ ওয়েব পেজ তৈরি করা। তিনি 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 সালে এইচটিএমএল এর কোন সংস্করণ তৈরি হয়
HTML এর 4.01 সংস্করণ এবং XML (XHTML) এর 2.0 সংস্করণ 2005 সালে প্রকাশিত হয়েছিল। কিন্তু আমাদের জন্য HTML 4.01 ব্যাপকভাবে ব্যবহৃত হয় না, কারণ এটি XML (XHTML) দ্বারা অনুসরণ করা হয়েছিল যা ব্যাপকভাবে ব্যবহৃত হয়।
এইচটিএমএল এর বর্তমান সংস্করণ কি
HTML এর বর্তমান সংস্করণ হল HTML5 (হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ সংস্করণ 5)। HTML5 প্রথম প্রকাশিত হয়েছিল 2014 সালে। HTML5 হল ওয়েব ডেভেলপমেন্টে ব্যবহৃত একটি কাঠামোগত এবং আধুনিক সংস্করণ।
Html5 ও html এর মধ্যে পার্থক্য কি
ওয়েব পেজ তৈরি করতে দুটি সংস্করণ ব্যবহার করা হয়। দুটি সংস্করণের মধ্যে পার্থক্য হল যে HTML 5 একটি আধুনিক এবং একটি কাঠামোগত সংস্করণ হিসাবে বিবেচিত হয়।
HTML5 এর জন্য বর্ধিত প্রয়োজনীয়তা সত্ত্বেও, বেশিরভাগ ওয়েব পৃষ্ঠাগুলি এখনও HTML এর একটি সংস্করণ ব্যবহার করে তৈরি করা হয়। এটা অবশ্যই কিছু পূর্ববর্তী বৈশিষ্ট্য অভাব হতে পারে,
HTML কি নিয়ে শেষ কথা,
আজকের আর্টিকেল থেকে আপনি জানতে পারবেন html এবং html টিউটোরিয়াল কি, html ট্যাগ কি এবং কিভাবে html শিখবেন।
ব্লগ লেখা থেকে আপনাকে সব html শেখানো সম্ভব নয়। আপনি এখান থেকে শুধুমাত্র মৌলিক বিষয়গুলো শিখতে পারবেন।
কিন্তু আমি উপরে কিছু উপায় উল্লেখ করেছি যেগুলো দিয়ে আপনি html শিখতে পারবেন।