15/01/2024
HTML কি ? এইচটিএমএল এর ব্যবহার এবং কাজ – (সম্পূর্ণ তথ্য)
বন্ধুরা, আজকের এই আর্টিকেলে আমরা জনব যে, “html কি "
বর্তমানে, internet থেকে টাকা আয় করার প্রচুর মাধ্যম আমাদের কাছে রয়েছে।
তবে, অনলাইন ইন্টারনেট থেকে টাকা আয় করার মাধ্যম গুলোর মধ্যে, সবচেয়ে জনপ্রিয় মাধ্যম হলো “blogging“.
আর এই blogging করার ক্ষেত্রে আমাদের প্রয়োজন হয় একটি “blog site” বা “website” এর।
এবং এই, blog site বা website তৈরি করার জন্যে আমাদের জানা থাকতে হবে “HTML“.
HTML হলো এক ধরণের computer language.
এবং, এই computer language ব্যবহার করেই, নানান ধরণের website বা webpage গুলোকে তৈরি ও ডিজাইন করা হয়।
এমনিতে, যদি আপনিও একটি blog বা website তৈরি করার কথা ভাবছেন,
“তাহলে এইচটিএমএল (html) এর জ্ঞান অবশই থাকতে হবে”.
তবে, বর্তমানে প্রচুর এরকম CMS software যেমন “WordPress” বা “Joomla” রয়েছে, যেগুলো ব্যবহার করে, “html এর জ্ঞান ছাড়াই একটি website বা web page তৈরি করা সম্ভব”।
কিন্তু, যদি আপনি একজন professional web designer হিসেবে নিজের career তৈরি করতে চাচ্ছেন,
তাহলে, “এইচটিএমএল (html) কি” এবং “কিভাবে html নিয়ে কাজ করবেন” সেই সম্পূর্ণ জ্ঞান থাকাটা অনেক জরুরি।
HTML কে, মূলত website বা webpage তৈরি করার উদ্দেশ্যেই তৈরি করা হয়েছে।
এবং এর মূল কাজ এটাই।
তাহলে চলুন,
আমরা জেনেনেই “html কি বা কাকে বলে“, “এইচটিএমএল এর পরিচিতি” এবং “এইচটিএমএল সাথে জড়িত কিছু অন্যান্য তথ্য গুলো“.
এইচটিএমএল কি – What is HTML in Bangla
চলুন এখন আমরা জেনেনেই “HTML কাকে বলে” ?
আসলে, HTML হলো এক short form এবং এর পূর্ণরূপ হলো “hypertext markup language“.
যা আমি আগেই ওপরে বলেছি,
“HTML হলো কম্পিউটারের এক ভাষা (computer language)”, যেটাকে website বা webpages তৈরি করার জন্য ব্যবহার করা হয়।
এবং, webpages গুলোকে রং রূপ দেওয়ার জন্য “CSS” ব্যবহার করা হয়।
বিভিন্ন ধরণের আলাদা আলাদা webpages বা web document তৈরি করার ক্ষেত্রে আলাদা আলাদা “HTML Tags” ব্যবহার করা হয়।
এমনিতে, অন্যান্য জনপ্রিয় computer languages যেমন,
Java
Python
C++
C
এগুলোর তুলনায়, “HTML” অনেক সহজ এবং কেবল কিছু দিনের মধ্যেই যেকোনো ব্যক্তি এই HTML language শিখে নিতে পারবেন।
HTML এর মাধ্যমে একটি webpage তৈরি করার পর, সেই ওয়েব ডকুমেন্টটিকে ইন্টারনেটের মাধ্যমে আমরা দেখতে পারি।
শেষে, এইচটিএমএল (HTML) হলো এক “platform independent language“.
মানে, Windows, Linux বা Macintosh যেকোনো platform থেকেই এর ব্যবহার করা যেতে পারে।
এবং এটাও জেনে রাখুন যে,
HTML এর খোঁজ হয়েছিল ১৯৮০ সালে, “physicist Tim Berners-Lee” দ্বারা।
এখন বুঝলেন তো, “HTML কি” ও “htmlকাকে বলে ” (About HTML in Bangla).
Hypertext markup language (HTML)
ওপরে আমি আপনাদের বলেছি যে, HTML এর পূর্ণরূপ হলো “Hypertext Markup Language”.
এখন প্রশ্ন হলো, এই সম্পূর্ণ শব্দ গুলোর মানে কি ?
আসলে, “Hypertext”, “markup” এবং “language” এই প্রত্যেকটি শব্দের আলাদা আলাদা মানে রয়েছে।
চলুন, এই প্রত্যেকটি শব্দের মানে জেনেনেই।
Hypertext কি ?
Hypertext সেই মাধ্যমটিকে বলা হয় যার দ্বারা সম্পূর্ণ “web” বা “website” টিকে অনুসন্ধান (explore) করা যেতে পারে।
হাইপারটেক্সট হলো একটি সাধারণ টেক্সট (text), যেটা যেকোনো electronic device যেমন, “computer” বা “laptop” ইত্যাদি গুলোতে দেখা যায়।
তবে, এই ধরণের টেক্সট গুলোতে একটি বিশেষ বিষয় রয়েছে।
হাইপারটেক্সট এর মধ্যে এমন কিছু অন্যান্য টেক্সট ডকুমেন্ট (text document) গুলোর রেফারেন্স (reference) দেওয়া থাকে, যেগুলোকে “mouse” এর দ্বারা “click” করে সক্রিয় করা যেতে পারে এবং রিডার (reader) এর দ্বারা সাথে সাথেই access করা যেতে পারে।
এবং, এই ধরণের হাইপারটেক্সট এর বিশেষত্ব এটাই।
Hypertext document গুলোকে hyperlink এর মাধ্যমে পরস্পর সম্পর্কিত বা সংযুক্ত করা হয়।
HTML এর Anchor tags () ব্যবহার করে, যেকোনো টেক্সট (text) কে “hyperlink” হিসেবে রূপান্তর করা যেতে পারে।
এছাড়া, images, video, sound ইত্যাদি এই ধরণের media গুলোকেও “hyperlink” হিসেবে ব্যবহার করা যেতে পারে।
এবং, এই ধরণের লিংক ডেটা গুলোকে “hypermedia” বলা হয়।
আশা করছি, “হাইপারটেক্সট কি” বিষয়টি বুঝতে পেরেছেন।
Markup কি ?
বিভিন্ন HTML tags এর ব্যবহার করে আমরা একটি HTML web document বা page তৈরি করি।
এবং, একটি HTML Tag এর মধ্যে আলাদা আলাদা “symbols” এবং “characters” ব্যবহার হয়।
তাই, HTML page বা web document গুলোতে থাকা টেক্সট (text) গুলোর মাঝে মাঝে বিভিন্ন symbol এবং character এর ব্যবহার অবশই হয়ে থাকে।
এই symbols এবং characters গুলোর ব্যবহারের ফলেই, ওয়েবপেজে থাকা টেক্সট গুলোর আকার, রং, ডিজাইন, ফন্ট স্টাইল ইত্যাদি নির্ধারিত করা সম্ভব।
এখন, যদি বলা হয় যে “মার্কআপ কি”, তাহলে এর উত্তর হবে,
“একটি ওয়েবপেজে থাকা টেক্সট গুলোকে কিভাবে দেখানো হবে, সেই ক্ষেত্রে টেক্সট গুলোর মাঝে ব্যবহার করা বিভিন্ন symbols এবং characters গুলোর সঠিক ক্রম গুলোকেই বলা হয় “markup”.
উদাহরণ স্বরূপে,
যদি আপনি যেকোনো টেক্সট যেমন “What is HTML in Bengali” লেখাটিকে দেখেন, তাহলে এটা একটি সাধারণ টেক্সট।
কিন্তু যদি আপনি এই সাধারণ text টিকে ওয়েবপেজে “সবুজ রং” করে দেখাতে চান,
তাহলে আপনার ব্যবহার করতে হবে “কিছু HTML Tags” বা “Symbols” ও “characters” এর।
যেমন,
What in HTML in Bangla
এখন, HTML tag এর মধ্যে লেখা আপনার সাধারণ টেক্সটটির রং সবুজ হয়ে যাবে।
এভাবেই,
একটি এইচটিএমএল ট্যাগ এর মধ্যে থাকা সঠিক symbols এবং characters এর ক্রম গুলোকেই বলা হয় মার্কআপ (markup).
Language
HTML হলো একটি ভাষা (Language), যেটাকে “Tags” হিসেবে “web document” বা “webpages” তৈরি করার জন্যে ব্যবহার করা হয়।
আর তাই, আমরা HTML কে ল্যাঙ্গুয়েজ (language) হিসেবে বলি।
HTML এর ভার্সন (version) গুলো
সময়ে সময়ে HTML এর উন্নত ও আধুনিক ভার্সন (version) গুলো ব্যবহারে এসেই চলেছে।
প্রত্যেকটি আধুনিক এইচটিএমএল ভার্সন এর আলাদা আলাদা গুন্ ও বিশেষত্ব রয়েছে।
এবং বর্তমানে HTML এর ৭ টি আলাদা আলাদা version রয়েছে।
HTML 1.0
HTML 2.0
HTML 3.0
HTML 3.2
HTML 4.0
XHTML
HTML 5
এইচটিএমএল ট্যাগ কি ? (HTML Tag)
HTML tag মানে হলো,
একটি ওয়েবপেজে লুকিয়ে থাকা এমন কিছু keywords, যেগুলো আপনার ওয়েবপেজে থাকা কনটেন্ট গুলো কিভাবে ওয়েব ব্রাউজারে ডিসপ্লে (display) করা হবে, সেটা নির্ধারিত বা সেট (set) করে।
Web page এর ক্ষেত্রে একটি উপযুক্ত HTML command তৈরি করার জন্যে ব্যবহার করা “set of characters” গুলোকেই HTML tag বলা হয়।
এইচটিএমএল ট্যাগ গুলোকে দুধরণে ব্যবহার করা হয়।
Opening HTML Tag
Closing HTML Tag
একটি HTML command বা instruction সম্পূর্ণ কাজ করার জন্যে, opening HTML Tag এর সাথে সাথে Closing HTML Tag ব্যবহার করাটা জরুরি।
উদাহরণ স্বরূপে,
ধরুন, একটি ওয়েবপেজে থাকা কিছু অংশ “text” আমরা “italic” হিসেবে ব্যবহার করতে চাচ্ছি।
এই ক্ষেত্রে, আমাদের ব্যবহার করতে হবে।
the text witch you want as heading
এখন, ওপরে লেখা বাক্য গুলো আমরা একটি সম্পূর্ণ HTML Tag এর ভেতরে লিখেছি যেখানে,
– হলো opening tag.
– হলো closing tag.
এভাবেই, একটি সম্পূর্ণ HTML tag command কাজ করার জন্যে, opening এবং closing tag এর ব্যবহার জরুরি।
যেগুলো HTML Tags গুলোকে ওপেন করা হয়, সেগুলোকে close করাও জরুরি।
তাহলে বুঝলেন তো, “html tag কি” ?
HTML এর ব্যবহার কোথায় করা হয় ?
HTML কি কাজে ব্যবহার করা হয় ?, এই প্রশ্ন কিন্তু অনেকেই করেন।
হয়তো আপনিও এই প্রশ্নের উত্তর জানতে চাচ্ছেন।
এমনিতে কিন্তু এটা অনেক সাধারণ একটি প্রশ্ন লাগতে পারে।
তবে, একটু স্পষ্ট ও গভীর ভাবে দেখলে, এই প্রশ্নের অনেক ভ্যালু রয়েছে।
আমরা ওপরে আগেই জেনেগেছি যে,
“Html এর ব্যবহার ওয়েবসাইট, ওয়েবপেজ বা ওয়েব ডকুমেন্ট তৈরি করার ক্ষেত্রে ব্যবহার করা হয়”.
তাই তো ?
তবে, HTML কেবল webpage তৈরি করার জন্যই ব্যবহার করা হয়না।
আরো অনেক ধরণের কাজেও HTML এর ব্যবহার হয়ে থাকে।
যেমন,
Internet navigation
Web document Creation
Game development
Web page development
Responsive design
এগুলো হলো html এর কিছু ব্যবহার।
HTML কিভাবে শিখব ?
দেখুন, যদি আপনারা ভাবছেন যে html শিখে ক্যারিয়ার তৈরি করবেন, তাহলে HTML শেখার প্রচুর মাধ্যম রয়েছে।
যদি আপনারা web development শেখার মন বা সোজা HTML language শেখার ইচ্ছে, তাহলে অনেক ফ্রি মাধ্যম আপনার কাছে থাকছে।
কেবল, ৩ থেকে ৫ মাসের মধ্যেই HTML শেখা সম্ভব।
তবে, সেটা আপনার ওপর নির্ভর করছে যে, আপনি কতটা তাড়াতাড়ি বিষয়গুলো বুঝতে পারেন।
নিচে দেওয়া মাধ্যম গুলো ব্যবহার করে, এইচটিএমএল শেখ যাবে।
অনলাইনে ইন্টারনেটের সাহায্যে
ওয়েব ডিজাইনিং কোর্স করুন
এচটিএমেল শেখার বই এর মাধ্যমে
YouTube এর মাধ্যমে শিখুন
Udemy মাধ্যমে অনলাইনে শিখুন।
আপনারা অনেক সহজেই, YouTube বা যেকোনো অন্যান্য অনলাইন ওয়েবসাইটের মাধ্যমে “web designing” বা “HTML” সম্পূর্ণটা শিখতে পারবেন।
বর্তমান সময়ে, ইন্টারনেটের মাধ্যমে যেকোনো বিষয়ে সম্পূর্ণ জ্ঞান নিয়ে নেওয়াটা অনেক সহজ।
যদি professional ভাবে certificate সহ HTML এর কোর্স করতে চাচ্ছেন, তাহলে একটি ভালো web designing institute থেকে কোর্স করার পরামর্শ আমি দিবো।
আমি আমার এই “banglatech” ওয়েবসাইটটি ডিজাইন করার জন্যে, basic html এর শিক্ষা সম্পূর্ণ YouTube এর মাধ্যমে ভিডিও দেখে শিখেছি।
তাছাড়া, এইচটিএমএল অনেক সহজ এক language যেটাকে অনেক সহজেই শেখা যেতে পারে।
অনলাইনে HTML শেখার কিছু ওয়েবসাইট
যদি আপনারা অনলাইন ঘরে বসে HTML শিখতে চান, তাহলে নিচে দেওয়া ওয়েবসাইট গুলোতে গিয়ে HTML ফ্রীতে শিখতে পারবেন।
এই ওয়েবসাইট গুলোর বেশিরভাগ ফ্রি, তবে Udemy থেকে আপনারা professional course পেয়ে যাবেন যেগুলো কিনতে হবে।
W3Schools.com
Udemy HTML courses
html.com
Htmldog.com
Codecademy.com
Learn-html.org
Javapoint.com
এই ওয়েবসাইট গুলোতে গিয়ে, আপনারা ঘরে বসেই এইচটিএমএল সম্পূর্ণ ভালো করে শিখে নিতে পারবেন।
আজকে আমরা কি শিখলাম ?
তাহলে বন্ধুরা, আজকে আমরা শিখলাম “html কাকে বলে (about HTML in Bangla)”, “এইচটিএমএল ট্যাগ কাকে বলে” এবং “কিভাবে শিখবেন এইচটিএমএল”।
একটি ব্লগে লেখা আর্টিকেলে আমরা সম্পূর্ণটা বলে দেওয়া সম্ভব না।
তাই, html এর বিষয়ে যেটা যেটা বলতে পেরেছি সেগুলো আজকে আমি আপনাদের বললাম।
তাছাড়া, আমি ওপরে অনলাইন এইচটিএমএল শেখার যেগুলো ওয়েবসাইটের বিষয়ে বললাম, সেগুলোতে গিয়ে আপনারা সম্পূর্ণ জ্ঞান ও তথ্য পেয়েযাবেন।
আর্টিকেলের সাথে জড়িত কোনো সমস্যা বা পরামর্শ থাকলে, নিচে কমেন্ট করে জানিয়ে দিবেন।
শেষে, আর্টিকেলটি ভালো লেগে থাকলে শেয়ার (share) অবশই করবেন।
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
