HTML কি - HTML ট্যাগ এর কাজ কি?
আপনি যখন কোন ওয়েবসাইট ভিজিট করেন তখন কি? লক্ষ্য করেছেন যে ওয়েবসাইটটি অনেক সুন্দর ভাবে সাজানো গোছানো থাকে বা আপনি কি জানেন ওয়েবসাইটে কিভাবে তৈরি? আর এই ওয়েবসাইট তৈরি জন্য প্রয়োজন হয় কম্পিউটার ল্যাঙ্গুয়েজ অর্থাৎ HTML।HTML হলো এক ধরণের কম্পিউটার ল্যাঙ্গুয়েজ।এই আর্টিকেলটিতে আমরা জানবো HTML কি? HTML ট্যাগ এর কাজ কি? এবং এইচটিএমএল কিভাবে কাজ করে।HTML সম্পর্কে সম্পূর্ণ তথ্য জানতে আর্টিকেলটি মনোযোগ সহকারে পড়ুন।
আজকে আর্টিকেলতে আমরা এইচটিএমএল কি এবং এইচটিএমএল ট্যাগের কাজ কি এ সম্পর্কে বিস্তারিত আলোচনা করব। সকল কিছু জানতে আমাদের সঙ্গে শেষ পর্যন্ত থাকুন।
পোস্ট সুচিপত্রঃ HTML কি? HTML ট্যাগ এর কাজ কি?
- ভুমিকা
- HTML কি?
- HTML কত প্রকার কি কি?
- HTML এর মৌলিক গঠন কি?
- এইচটিএমএল এর মৌলিক ট্যাগ কয়টি ও কি কি?
- HTML ট্যাগ এর কাজ কি?
- Html ট্যাগ লিস্ট
- HTML কিভাবে শিখব ?
- শেষ কথা
HTML কি?
আমার ইন্টারনেটের মাধ্যমে বিভিন্ন ধরনের ওয়েবসাইট এবং ব্লগ ব্যাবহার করে থাকি। ইন্টারনেটে যে সকল ওয়েবসাইট গুলি আছে এগুলি কিভাবে বানানো হয়? এটার উত্তর আপনি জানেন কি?যদি না জেনে থাকেন তাহলে জেনে নিন Html নামক ল্যাঙ্গুয়েজ বা কোডিং এর সাহায্যে এ সমস্ত ওয়েবসাইট গুলি বানানো বা তৈরি হয়ে থাকে।
“HTML হলো কম্পিউটারের এক প্রকার ভাষা (computer language)”, যেটাকে ওয়েবসাইট বা ওয়েবপেজ তৈরি করার জন্য ব্যবহার করা হয়ে থাকে। বিভিন্ন ধরনের বিভিন্ন রকম ওয়েবসাইট তৈরির বা ওয়েব পেজ এর জন্য আলাদা আলাদা এইচটিএমএল ট্যাগের ব্যবহার প্রয়োজন হয়।HTML অর্থ হচ্ছে Hyper Text Markup Language।হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ মার্কআপ ল্যাঙ্গুয়েজ বা HTML নামেও পরিচিত।
HTML কত প্রকার কি কি?
Web এর জগতে HTML এর অনেকগুলি ভার্সন রয়েছে। প্রায়ই শুনে থাকবেন HTML, XHTML, XML, CSS, XSLT ইত্যাদি। অনেকে না জেনে না বুঝেই বলে থাকেন XHTML এসে গ্যাছে এখন আর HTML শেখার দরকার নাই। অনেকে আবার বলে থাকেন XML চলে এসেছে HTML দরকার নাই, এজন্য HTML এর ভার্সন সংক্রান্ত ধারণা থাকতে হবে।
Web এর ক্ষেত্রে বর্তমানে অধিক ব্যবহৃত হচ্ছে HTML 5 ও CSS-3 এ ব্যাপারে আমরা বিস্তারিত আলোচনা করবো। আপাতত HTML ভার্সন জানার জন্য নিচের টেবিলটি লক্ষ্য করুন। তবে XML বিষয়টি সম্পূর্ণ আলাদা এটি কোন Data প্রদর্শন করতে পারে না। এটি ডাটা সংরক্ষণ এবং পরিবহনের কাজ করে থাকে। এটির Extention নাম হবে XML।তবে এতেData সংরক্ষণ করে পরে HTML এ কল করে প্রদর্শন করা হয়। চলুন দেখে আসি HTML কত প্রকার ও কি কিঃ
HTML Versions year
- HTML
- HTML+
- HTML 2.0
- HTML 3.2
- XHTML 1.0
- HTML5
- HTML 4.01
- XHTML5
HTML এর মৌলিক গঠন কি?
উপাদানটির তিনটি প্রধান উপাদান রয়েছে। উপাদানের মধ্যে থাকা অংশ, খোলার ট্যাগ এবং শেষে ক্লোজিং ট্যাগ। যেকোনো ওয়েবসাইটের চারটি মৌলিক উপাদান হল HTML, head, title এবং body elements।Html Structure এবং বিষয়বস্তু উপাদান।
প্রোগ্রাম তৈরি করতে HTML ট্যাগ ব্যবহার করা হয়। প্রতিটি ট্যাগ চিহ্ন দিয়ে শুরু হয় (এর চেয়ে কম) এবং > (এর চেয়ে বড়)। ট্যাগটি এই দুটি চিহ্ন দিয়ে শুরু হয় > এবং এই দুটি চিহ্নের পরে প্রথম চিহ্নটি হল একটি প্লাস চিহ্ন (1), যেমনটি নিম্নলিখিত উদাহরণে।
পূর্ণসংখ্যা ট্যাগ, যেমনঃ ট্যাগটি প্রতিটি HTML ফাইলের শুরুতে এবং শেষে অবশ্যই উপস্থিত হতে হবে। Head এবং Body অংশ আবার HTML ট্যাগ অন্তর্ভুক্ত করা হয়। এটি করার জন্য, সম্পাদক খুলুন। নোটপ্যাড শুরু করার পরে, নিম্নলিখিত কোডটি লিখুনঃ
<html>
This nova system
</html> উপরোক্ত কোডগুলো লিখলে যা নির্দেশ করবেঃ
এভাবে লেখার পর, নোটপ্যাডের ফাইল মেনুতে সেভ অ্যাজ বোতামে ক্লিক করুন এবং তারপর একটি index.html ফাইল হিসেবে সংরক্ষণ করুন।একটি ডাবল ক্লিকে সংরক্ষিত ফাইল খুলবেন।দেখব যে লেখাটি ব্রাউজারে ওপেন হয়েছে। ওয়েবসাইটটি তৈরি তৈরী হয়ে যাবে।
একটি এইচটিএমএল ফাইল তৈরি করার জন্য আপনার যেমন একটি টেক্সট এডিটর প্রয়োজন, তেমনি সেই ফাইলটি দেখতে আপনার একটি ব্রাউজার প্রয়োজন। উইন্ডোজের একটি সম্পাদক এবং একটি ইন্টারনেট এক্সপ্লোরার সম্পাদক রয়েছে। এছাড়াও আপনি আপনার কম্পিউটারে যেকোনো ব্রাউজার ডাউনলোড এবং ইনস্টল করতে পারেন, যেমন: Mozila Firefox, Opera, Google Chrome, Safari, See Monkey, Comodo Dragon, ইত্যাদি। আপনি শুধুমাত্র আপনার ব্রাউজারে HTML ফাইল খুলে ওয়েবসাইটটি দেখতে পারবেন।
এইচটিএমএল এর মৌলিক ট্যাগ কয়টি ও কি কি?
এর বেসিক বা মৌলিক ট্যাগ- ৪টি। যথা: ১. HTML ট্যাগ ২. Head ট্যাগ ৩. Title ট্যাগ ৪. Body ট্যাগ ।
HTML ট্যাগ ঃ< html> ট্যাগটি HTML এর ডকুমেন্ট বুঝায়। প্রতিটি এইচটিএমএল এর ডকুমেন্ট শুরু হয় <html> ট্যাগ দিয়ে এবং শেষ হয় <\html> ট্যাগ দিয়ে।
HEAD ট্যাগ ঃপ্রতিটি HTML ডকুমেন্ট এর মধ্যে Head সেকশনটির উপর প্রভাব ফেলে। head ট্যাগের opening ট্যাগ হলো <head> এবং closing ট্যাগ হলো </head>
TITLE ট্যাগ ঃTITLE ট্যাগের opening ট্যাগ হলো <title > এবং এর closing ট্যাগ হলো <\title। এই ট্যাগ HEAD সেকশন এর মধ্যে ব্যবহার হয়।
BODY ট্যাগ ঃBODY ট্যাগের opening ট্যাগ হলো <body > এবং এর closing ট্যাগ হলো <\body > প্রোগ্রাম এর মূল অভ্যন্তরীণ অংশ প্রকাশ করে।
HTML ট্যাগ এর কাজ কি?
সাধারণত HTML ট্যাগ এর সমন্বয়ে একটি ওয়েব পেজ বা ওয়েবসাইট বানানো হয়ে থাকে। এই ট্যাগের সমন্বয়ে ওয়েবসাইট ডিজাইন করা হয়ে থাকে। এই ট্যাগের মাধ্যমে ওয়েব পেজে থাকা কন্টেনগুলো ডিসপ্লে করা হয়ে থাকে। এখানে একেক ধরেন ট্যাগের একেক রকম কাজ রয়েছে। যেমনঃ
BODY ট্যাগ এর মধ্যে ওয়েব পেজ বা ব্লগ এর মূল অভ্যন্তরীণ অংশ প্রকাশ করে থাকে।
<html> </html> (HTML) ডকুমেন্ট নির্দেশ করে।
<head> </head> (HEAD) প্রোগ্রামে প্রধান অংশ নির্দেশ করে।
এমন এভাবে আরো অনেক ট্যাগ রয়েছে। যা ব্যবহার করে আপনি ওয়েব পেজ তৈরি করতে পারেন।
Html ট্যাগ লিস্ট
HTML ট্যাগ এর ব্যাসিক কিছু লিস্ট দেওয়া হলঃ
- <html> </html> ডকুমেন্ট নির্দেশ করে
- <head> </head> প্রোগ্রামে প্রধান অংশ নির্দেশ করে
- <title> </title> ডকুমেন্ট শিরোনাম নির্দেশ করে
- <body> </body> প্রোগ্রাম মূল মধ্যকার অংশ প্রকাশ করে
- <a> </a> নির্দেশ করে (hyperlink বানানোর জন্য)
- <b> </b> টেক্সট বোল্ড বা মোটা করার জন্য
- <br> </br> একটা লাইন ব্রেক তৈরি করে (লাইন ব্রেক করার জন্য ব্যবহৃত হয়।)
- <table> </table> টেবিল তৈরি করার ট্যাগ
- <h1> </h1> শিরোনাম লিখতে ব্যবহৃত হয়।
- <ul> </ul> আনঅর্ডার তালিকা তৈরি করা
- <p> </p> প্যারাগ্রাফ তৈরি করতে ব্যবহৃত হয়।
- <pre> </pre> পূর্ব ফর্মেটকৃত লেখা নির্ধেশ
- <style> </style> বিষয়বস্তু কোন style a ব্রাউজারে দেখা যাবে তা এ ট্যাগ বর্নিত হয়।
- <address> </address> কোন ঠিকানা নিদিষ্ট করে দেখার জন্য।
আরো HTML ট্যাগ দেখুনঃ LINK
HTML কিভাবে শিখব ?
লিঙ্কটি সরাসরি HTML কোডে ছবি, অডিও, ভিডিও বা অ্যানিমেশন যোগ না করে তৈরি করা হয়েছে। এখন আপনি যেকোনো ওয়ার্ড প্রসেসিং প্রোগ্রাম, এমনকি ফটোশপের মতো গ্রাফিক্স প্রোগ্রাম থেকে ডকুমেন্টগুলিকে সরাসরি HTML-এ রূপান্তর করতে পারেন। এইচটিএমএল নথিগুলি পাঠ্য নথিগুলির চেয়ে অবিশ্বাস্যভাবে ছোট। এটি নেটওয়ার্কের মাধ্যমে তথ্য দ্রুত এবং সহজে স্থানান্তর করার অনুমতি দেয়।
তাই HTML একটি মার্কআপ ভাষা এবং যে কেউ এটি শিখতে পারে কারণ এটি সংক্ষিপ্ত এবং সহজ। শেখার জন্য কোন প্রোগ্রামিং জ্ঞানের প্রয়োজন নেই। HTML ট্যাগ দিয়ে লেখা হয়। যে কেউ খুব কম ট্যাগ মাথায় রেখে HTML ব্যবহার করে ওয়েবসাইট তৈরি করতে পারে। আমরা খুব দ্রুত ওয়েবসাইট তৈরি করি।
এখান থেকে বুঝতে পারবেন HTML কতটা সহজ। আমরা বিভিন্ন উপায়ে এইচটিএমএল শিখতে পারি। আজকাল ইন্টারনেট জগতে সবকিছুই অনলাইনে পাওয়া যায়। আপনি সহজেই অনলাইনে HTML শিখতে পারেন। ইউটিউব দেখেও জানতে পারবেন। অনেক এইচটিএমএল শেখার বই আছে যেগুলো আপনি ঘরে বসেই কিনতে এবং পড়তে পারেন। আমরা ওয়েবসাইট ডিজাইন করেও শিখতে পারি।
শেষ কথা
উপরোক্ত আলোচনায় এটিএমএল নিয়ে সকল কিছু বর্ণনা করা হয়েছে।HTML কি?HTML কত প্রকার কি কি?HTML এর মৌলিক গঠন কি?এইচটিএমএল এর মৌলিক ট্যাগ কয়টি ও কি কি?HTML ট্যাগ এর কাজ কি?HTML কিভাবে শিখব ইত্যাদি আপনারা অতি সহজেই html language শিখতে পারবেন। আপনাকে কোড গুলো লিখে প্র্যাকটিস করতে চদে।উক্ত আলোচনাই কোনো কিছু ভুল হইলে কমেন্টে জানাবেন।