HTML কি? HTML ট্যাগ এর কাজ কি?
আপনি যখন কোন ওয়েবসাইট ভিজিট করেন তখন কি? লক্ষ্য করেছেন যে ওয়েবসাইটটি অনেক
সুন্দর ভাবে সাজানো গোছানো থাকে বা আপনি কি জানেন ওয়েবসাইটে কিভাবে তৈরি? আর এই
ওয়েবসাইট তৈরি জন্য প্রয়োজন হয় কম্পিউটার ল্যাঙ্গুয়েজ অর্থাৎ HTML।HTML হলো
এক ধরণের কম্পিউটার ল্যাঙ্গুয়েজ।এই আর্টিকেলটিতে আমরা জানবো HTML কি? HTML ট্যাগ
এর কাজ কি? এবং এইচটিএমএল কিভাবে কাজ করে।HTML সম্পর্কে সম্পূর্ণ তথ্য জানতে
আর্টিকেলটি মনোযোগ সহকারে পড়ুন।
HTML অর্থ হচ্ছে Hyper Text Markup Language অর্থাৎ HTML হচ্ছে এক ধরনের মার্কআপ
ল্যাঙ্গুয়েজ। আরও সহজে বলা যাক, সাধারনত Microsoft Word বা Word Pad বা Note Pad
ইত্যাদি Text এডিটর দিয়ে ডকোমেন্ট লিখে ইমেজ ইত্যাদি সংযোজন করা যায়। কিন্তু
এদের দ্বারা তৈরী কোন ডকোমেন্ট ওয়েবে পাঠানো বা পাবলিশ করার উপযোগী নয়।
পোস্ট সুচিপত্রঃ HTML কি? HTML ট্যাগ এর কাজ কি?
- ভুমিকা
- HTML কি?
- HTML কত প্রকার কি কি?
- HTML এর মৌলিক গঠন কি?
- এইচটিএমএল এর মৌলিক ট্যাগ কয়টি ও কি কি?
- HTML ট্যাগ এর কাজ কি?
- Html ট্যাগ লিস্ট
- HTML কিভাবে শিখব ?
- শেষ কথা
ভুমিকা
HTML অর্থ হচ্ছে Hyper Text Markup Language অর্থাৎ HTML হচ্ছে এক ধরনের মার্কআপ
ল্যাঙ্গুয়েজ। আরও সহজে বলা যাক, সাধারনত Microsoft Word বা Word Pad বা Note Pad
ইত্যাদি Text এডিটর দিয়ে ডকোমেন্ট লিখে ইমেজ ইত্যাদি সংযোজন করা যায়। কিন্তু
এদের দ্বারা তৈরী কোন ডকোমেন্ট ওয়েবে পাঠানো বা পাবলিশ করার উপযোগী নয়।
HTML কি?
আমার ইন্টারনেটের মাধ্যমে বিভিন্ন ধরনের ওয়েবসাইট এবং ব্লগ ব্যাবহার করে থাকি। ইন্টারনেটে যে সকল ওয়েবসাইট গুলি আছে এগুলি কিভাবে বানানো হয়? এটার উত্তর আপনি জানেন কি?যদি না জেনে থাকেন তাহলে জেনে নিন Html নামক ল্যাঙ্গুয়েজ বা কোডিং এর সাহায্যে এ সমস্ত ওয়েবসাইট গুলি বানানো বা তৈরি হয়ে থাকে।
“HTML হলো কম্পিউটারের এক প্রকার ভাষা (computer language)”, যেটাকে ওয়েবসাইট বা ওয়েবপেজ তৈরি করার জন্য ব্যবহার করা হয়। বিভিন্ন ধরনের বিভিন্ন রকম ওয়েবসাইট তৈরির বা ওয়েব পেজ এর জন্য আলাদা আলাদা এইচটিএমএল ট্যাগের প্রয়োজন হয়।HTML অর্থ হচ্ছে Hyper Text Markup Language অর্থাৎ HTML হচ্ছে এক ধরনের মার্কআপ ল্যাঙ্গুয়েজ।
আরও সহজে বলা যাক, সাধারনত Microsoft Word বা Word Pad বা Note Pad ইত্যাদি Text এডিটর দিয়ে ডকোমেন্ট লিখে ইমেজ ইত্যাদি সংযোজন করা যায়। কিন্তু এদের দ্বারা তৈরী কোন ডকোমেন্ট ওয়েবে পাঠানো বা পাবলিশ করার উপযোগী নয়। সুতরাং Text ডকোমেন্টকে রূপান্তর করে ওয়েব উপযোগী করার জন্য একটি মার্কআপ ল্যাঙ্গুয়েজ দরকার পরে। HTML হচ্ছে সেই ধরনের মার্কআপ ল্যাঙ্গুয়েজ। এটি ভিজুয়েল বেসিক বা C++ এর মত কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়। এটি এক ধরনের Script ল্যাঙ্গুয়েজ। এটি প্রেগ্রামিং ল্যাঙ্গুয়েজ থেকে অনেক সহজ।
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 -1991
- HTML+ -1993
- HTML 2.0 -1995
- HTML 3.2 -1997
- XHTML 1.0 -2000
- HTML5 -2012
- HTML 4.01/XHTML 1.0- 1999
- XHTML5- coming
HTML এর মৌলিক গঠন কি?
এলিমেন্ট(Element) মুল তিনটি অংশ নিয়ে গঠিত। শুরু করার ট্যাগ(opening tag)
,এলিমেন্ট এর ধারনকৃত অংশ এবং শেষে বন্ধ করার ট্যাগ(closing tag)। প্রত্যেক Web
page এর অতীব প্রয়োজনীয় চারটি এলিমেন্ট(Element) থাকে এগুলো হলো: HTML, head,
title এবং body elements।Html Structure
HTML ট্যাগ ব্যবহার করে প্রোগ্রাম লেখা হয়। প্রতিটি ট্যাগ শুরু হয় একটি
<(Less than) চিহ্ন এবং >(Grater than) চিহ্ন দিয়ে। এই দুইটি চিহ্ন
<> দিয়ে ট্যাগ শুরু হয় এবং এই দুইটি চিহ্নসহ প্রথম চিহ্নের সাথে একটি
ব্যাক প্লাস (1) চিহ্ন দিয়ে ট্যাগ শেষ করা হয়, যেমন </>
সম্পুর্ন একটি ট্যাগ যেমন: <html>.........</html> প্রতিটি HTML ফাইল
<html> ট্যাগ দিয়ে শুরু করাটা এবং </html> ট্যাগ দিয়ে শেষ করা
বাধ্যতামূলক। html ট্যাগের মধ্যে আবার head এবং body সেকশন থাকে। এজন্য আমদের
Notepad Open করতে হবে।Notepad Open করার পর নিমক্ত কোডটি লিখবঃ
<html>
This nova system
</html> উপরোক্ত কোডগুলো লিখলে যা নির্দেশ করবে ঃ
এভাবে লেখার পর Notepad এর ফাইল মেনুতে save as এ ক্লিক করব তারপর index.html
নামে save করব।সেভ করা ফাইলটিকে Double click করে open করবো। দেখবো যে লেখাটি
Browser এ open হয়েছে। খুব সহজে একটা web Page তৈরী হয়ে যাবে।
HTML ফাইল তৈরীর জন্য যেমন একটি টেক্সট এডিটর লাগবে, তেমনি দেখার জন্য ব্রাউজার
লাগবে। Windows এর সাথে যেমন Notepad এডিটরটি দেওয়া থাকে তেমনি Internet
Explorer ব্রাউজারটি দেওয়া থাকে। এছাড়া যে কোন ব্রাউজার সংগ্রহ করে আপনার
কম্পিউটারে ইনষ্টল করে নিতে পারেন- যেমন: Mozila Firefox, Opera, Google Chrome,
Safari, See Monkey, Comodo Dragon ইত্যাদি । ব্রাউজার দিয়ে HTML ফাইলটি Open
করলেই ওয়েব পেজটি দেখা যাবে।
এইচটিএমএল এর মৌলিক ট্যাগ কয়টি ও কি কি?
এর বেসিক বা মৌলিক ট্যাগ- ৪টি। যথা: ১. 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-এ সরাসরি ইমেজ, অডিও, ভিডিও বা এনিমেশন সংযোজন না করে একটি লিংক তৈরী করা হয়। ইদানিং যে কোন টেক্সট এডিটর, এমনকি Photoshopএর মত গ্রাফিক্স সফ্টওয়্যার থেকেও ডকোমেন্টকে সরাসরি HTML-এ রূপান্তরের ব্যবস্থা রয়েছে। টেক্সট ডকোমেন্টের থেকে HTML ডকোমেন্ট অবিশ্বাস্য রকমের ছোট হয়। যার কারনে Net-এর ভিতর দিয়ে তথ্য দ্রুতও সহজে প্রেরণ করা সম্ভব।
সুতরাং HTML হচ্ছে মার্কআপ ল্যাঙ্গুয়েজ এবং এটি ছোট ও সহজ হবার কারনে যে কেউ শিখতে পারে। এটা শেখার জন্য কোন Programming জ্ঞান দরকার হয় না।HTML লেখা হয় Tag ব্যবহার করে, খুব অল্প সংখ্যক Tag স্মরন রেখেও যে কেউ HTML ব্যবহার করে ওয়েব পেজ তৈরী করতে পারে।অতি দ্রুত আমরা ওয়েব পেজ তৈরী করবো।
এখান থেকেই বুঝবেন HTML-টি কত সহজ একটি ব্যাপার ।।এইচটিএম এল আমরা বিভিন্নভাবে শিখতে পারি। বর্তমানে ইন্টারনেটের দুনিয়ায় সকল কিছু অনলাইনে পাওয়া যায়। আপনি অনলাইনের মাধ্যমে এইচটিএমএল সহজে শিখতে পারবেন। এছাড়া youtube দেখে শিখতে পারেন। html শিখার জন্য বিভিন্ন ধরনের বই পাওয়া যায় যা আপনি ক্রয় করে বাসায় বসে শিখতে পারবেন। এছাড়া আমরা ওয়েব ডিজাইন এর কোর্সের মাধ্যমে শিখতে পারবেন।
শেষ কথা
উপরোক্ত আলোচনায় এটিএমএল নিয়ে সকল কিছু বর্ণনা করা হয়েছে।HTML কি?HTML কত প্রকার কি কি?HTML এর মৌলিক গঠন কি?এইচটিএমএল এর মৌলিক ট্যাগ কয়টি ও কি কি?HTML ট্যাগ এর কাজ কি?HTML কিভাবে শিখব ইত্যাদি আপনারা অতি সহজেই html language শিখতে পারবেন। আপনাকে কোড গুলো লিখে প্র্যাকটিস করতে চদে।উক্ত আলোচনাই কোনো কিছু ভুল হইলে কমেন্টে জানাবেন।
