What is 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” ব্যবহার করা হয়। HTML” অনেক সহজ এবং কেবল কিছু দিনের মধ্যেই যেকোনো ব্যক্তি এই HTML language শিখে নিতে পারবেন। HTML এর মাধ্যমে একটি webpage তৈরি করার পর, সেই ওয়েব ডকুমেন্টটিকে ইন্টারনেটের মাধ্যমে
আমরা দেখতে পারি।। শেষে, এইচটিএমএল (HTML) হলো এক “platform independent language“ 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” হিসেবে
রূপান্তর করা যেতে পারে। 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” এর। যেমন, এখন, HTML tag এর মধ্যে লেখা আপনার সাধারণ টেক্সটটির রং সবুজ হয়ে যাবে। এভাবেই, একটি এইচটিএমএল ট্যাগ এর মধ্যে থাকা সঠিক symbols এবং characters এর ক্রম গুলোকেই বলা হয় মার্কআপ (markup). Language HTML হলো একটি ভাষা (Language), যেটাকে
“Tags” হিসেবে “web document” বা
“webpages” তৈরি করার জন্যে ব্যবহার
করা হয়। Wait for next part