Post No:02
আসসালামু আলাইকুম, আশা করি সবাই ভাল আছেন।
আজকে থেকে আমি শুরু করতে যাচ্ছি Html এর বেসিক সিরিজের ব্লগ পোস্ট যা আপনাদের Html এর সকল ছোটখাটো বিষয়কে ক্লিয়ার করে দিবে
|
একনজরে দেখে নেই আজকের ব্লগ থেকে আমরা কি কি বিষয় জানতে পারবোঃ
১। ওয়েবসাইট কী?
২। HTML কী ?
৩। HTML পরিচিতি।
৪। ওয়েব ডিজাইনে HTML এর গুরুত্ব।
৫। Hypertext কি ?
৬। Markup কি ?
৭। HTML Language কী ?
৮। HTML structure বা গঠন ।
৯। HTML Most পপুলার ট্যাগ সমূহ ।
ওয়েবসাইটঃ
ওয়েবসাইট হল ইন্টারনেট জগতে আপনার একটি ব্যবসা, প্রতিষ্ঠান, বা আপনার কোন শখ, বা কোন জরুরী বিষয় সারা বিশ্বের লোকদের মাঝে তুলে ধরার একটি অন্যতম মাধ্যম। সারা বিশ্বের মাঝে আপনার প্রতিষ্ঠান বা আপনার ব্যবসাকে তুলে ধরতে হলে একটি ওয়েবসাইট অবশ্যই জরুরী।
যেমনঃ https://coderlabib.com/ https://www.shikhun.net/
আর হ্যা, আপনি কিন্তু এখন একটি ওয়েবসাইটে আছেন,যার ফলে ব্লোগটি পরতে পারতেছেন ।
বর্তমান যুগ ইন্টারনেটের যুগ। মানব সভ্যতার অন্যতম সেরা আবিস্কার এই ইন্টারনেট যার মাধ্যমে মানুষ পৃথিবীকে নিয়ে এসেছে হাতের মুঠোয়। ইন্টারনেটের মাধ্যমে তথ্য জানার জন্য দরকার হচ্ছে ওয়েবসাইট। ওয়েব সাইটের মূল হচ্ছে ওয়েবপেজ যা HTML দিয়ে তৈরি করা হয়।
HTML হলো এক ধরণের computer language. এবং, এই computer language ব্যবহার করেই, নানান ধরণের website বা webpage গুলোকে তৈরি ও ডিজাইন করা হয়।
এমনিতে, যদি আপনি একটি blog বা website তৈরি করার কথা ভাবেন,
“তাহলে এইচটিএমএল (html) এর জ্ঞান অবশ্যই থাকতে হবে”.
যদি আপনি একজন professional web designer হিসেবে নিজের career তৈরি করতে চাচ্ছেন,
তাহলে, “এইচটিএমএল (html) কি” এবং “কিভাবে html নিয়ে কাজ করবেন” সেই সম্পূর্ণ জ্ঞান থাকাটা অনেক জরুরি।তাহলে চলুন,আমরা জেনেনেই “html কি বা কাকে বলে“, “এইচটিএমএল এর পরিচিতি” এবং “এইচটিএমএল সাথে জড়িত কিছু অন্যান্য তথ্য গুলো“.
HTML কীঃ
আসলে, HTML হলো এক short form এবং এর পূর্ণরূপ হলো “hypertext markup language“.
“HTML হলো কম্পিউটারের এক ভাষা (computer language)”, যেটাকে website বা webpages তৈরি করার জন্য ব্যবহার করা হয়।
এবং, webpages গুলোকে রং রূপ দেওয়ার জন্য “CSS” ব্যবহার করা হয়,যেটা আমরা পরবর্তী ব্লগে জানতে পারবো।
এমনিতে, অন্যান্য জনপ্রিয় computer languages যেমন,
Java
JavaScript
Python
C
C++
এগুলোর তুলনায়, “HTML” অনেক সহজ এবং কেবল কিছু দিনের মধ্যেই যেকোনো ব্যক্তি এই HTML language শিখে নিতে পারবেন।
HTML এর মাধ্যমে একটি webpage তৈরি করার পর, সেই ওয়েব ডকুমেন্টটিকে ইন্টারনেটের মাধ্যমে আমরা দেখতে পারি।
এবং এটাও জেনে রাখুন যে,
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 (<a>) ব্যবহার করে, যেকোনো টেক্সট (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” এর যেমন,<h1 color=”green”>What is HTML in Bangla</h1> এখন, 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 4.0 , HTML 5 বিস্তারিত জানতে পারবেন।
Continue Read Link:
|https://blog.shikhun.net/html-html-structure-tag-part-02