আমরা যখন এইচটিএমএল কোড নিয়ে কথা বলি, তখন নিশ্চয়ই আপনাদের মধ্যে অনেকেই এমন একটি ভাষার কথা ভাবেন যা আমরা একটি ব্রাউজার বা ওয়েব পৃষ্ঠায় প্রবেশ করার সময় আমাদের দেওয়া তথ্য গঠন করতে ব্যবহৃত হয়। তবে এটি এখানেই শেষ নয়, HTML কী এবং এটি কীসের জন্য তা আরও ভালভাবে বোঝার জন্য, আমাদের অবশ্যই বিষয়টির আরও গভীরে যেতে হবে।
আমরা যে কোড সম্পর্কে কথা বলতে যাচ্ছি তা হল ওয়েব ডেভেলপমেন্টের মৌলিক ভিত্তি. আমরা যখনই বিভিন্ন পৃষ্ঠা ব্রাউজ করি, এইচটিএমএল তাদের সবকটিতেই বেশি উপস্থিত থাকে, সেটা ফ্যাশন পৃষ্ঠা হোক বা ব্যক্তিগত ব্লগ। আপনি যদি এই বিষয় সম্পর্কে আরও জানতে আগ্রহী হন, একটি কলম এবং কাগজ ধরুন এবং আমরা শুরু করব।
HTML কোড কি এবং এটি কিসের জন্য ব্যবহৃত হয়?
যেমনটি আমরা এই প্রকাশনার শুরুতে উল্লেখ করেছি, এইচটিএমএল এমন একটি ভাষা যা দিয়ে আমরা আমাদের ওয়েব পেজের বিষয়বস্তু নির্ধারণ করতে পারি. স্প্যানিশ ভাষায়, সংক্ষিপ্ত রূপটি হাইপারটেক্সট মার্কআপ ভাষার সংজ্ঞার সাথে মিলে যায়। অর্থাৎ, লেবেলের একটি সিরিজ যা আমাদের ব্রাউজার ব্যাখ্যা করতে সক্ষম এবং যার সাহায্যে আমরা আমাদের পাঠ্য এবং অন্যান্য ধরণের দিকগুলিকে সংজ্ঞায়িত করতে পারি যা ওয়েব পৃষ্ঠা, ছবি, গ্রাফিক্স ইত্যাদির অংশ হবে।
এই ভাষা যে আমরা কথা বলি এটিতে একটি পৃষ্ঠা যে কাঠামো অনুসরণ করে তা বর্ণনা করার ফাংশন রয়েছে এবং সেগুলি যেভাবে প্রদর্শিত হবে তা সংগঠিত করতে আমাদের সহায়তা করে।. এই সব ছাড়াও, এইচটিএমএল আপনাকে অন্যান্য ধরণের পৃষ্ঠা বা এমনকি নথিতে বিভিন্ন পুনঃনির্দেশিত লিঙ্ক অন্তর্ভুক্ত করার অনুমতি দেবে।
এটি একটি প্রোগ্রামিং ভাষা নয়, কারণ এটি নির্দিষ্ট গাণিতিক ফাংশন পূরণ করে না। সুতরাং আমরা নির্দেশ করতে পারি যে এর প্রধান কাজ হল স্ট্যাটিক ওয়েব পেজ তৈরি করতে সক্ষম হওয়া। এটি খুবই কার্যকর কারণ, এটিকে অন্য ধরনের প্রোগ্রামিং ভাষার সাথে একত্রিত করে, আপনি সবচেয়ে গতিশীল পৃষ্ঠাগুলি পেতে পারেন, যেমন আমরা প্রতিদিন পরিদর্শন করি।
HTML ইতিহাসের একটি বিট
graffica.info
এই ভাষার জন্ম হয়েছিল 1980 সালে যখন টিম বার্নার্স-লি, একজন বিজ্ঞানী, একটি নতুন হাইপারটেক্সট সিস্টেমের ধারণা উপস্থাপন করেছিলেন।. এটি নথি এবং ফাইল ভাগ করতে সক্ষম হওয়ার প্রয়োজনের উপর ভিত্তি করে ছিল। এইচটিএমএল সম্পর্কে কথা বলা এই প্রকাশনায়, মোট 22টি ট্যাগ বর্ণনা করা হয়েছে যা এই ভাষাটি কী ছিল তার একটি প্রাথমিক এবং সহজ নকশা শেখায়।
বর্তমানে, কয়েক বছর আগে উল্লেখ করা এই লেবেলগুলির মধ্যে বেশ কয়েকটি এখনও রক্ষণাবেক্ষণ করা হয়েছে, অন্যদের তুলনায় যা একপাশে রেখে দেওয়া হয়েছে এবং অন্যান্য যেগুলি সময়ের সাথে যোগ করা হয়েছে৷ যা থেকে আমরা নির্দেশ করতে পারি, এর ইতিহাস জুড়ে HTML এর বিভিন্ন সংস্করণ রয়েছে।
আমাদের মনে রাখবেন যে এই ধরনের ভাষা শুধুমাত্র একটি ব্রাউজারের মাধ্যমে প্রক্রিয়া করা যেতে পারে আমরা বর্তমানে এই ওয়েবসাইটে ব্যবহার করছি উল্লিখিত প্রকাশনা পড়ার মত।
লেবেলের ধরণ
আমরা পূর্ববর্তী বিভাগে যে বিষয়গুলি উল্লেখ করেছি তা হল HTML ভাষা বিভিন্ন ট্যাগ দ্বারা গঠিত। যারা জানেন না তাদের জন্য এই লেবেল, এগুলি বন্ধনী বা ধনুর্বন্ধনী দ্বারা সুরক্ষিত এক ধরণের টেক্সট টুকরা যার উদ্দেশ্য হল কোড লেখা।
এই লেবেল, তারা সাধারণত টিপ <> এর বন্ধনীতে আমরা যা জানি তা দ্বারা সীমাবদ্ধ করা হয়, অর্থাৎ;. আপনি ওয়েবে কি উপস্থিত হতে চান তা বর্ণনা করতে ব্যবহার করা হয়, চেহারার পরিপ্রেক্ষিতে।
এইচটিএমএল, এবংআমরা দেখতে পাই যে বিভিন্ন লেবেলের একটি বৃহৎ বৈচিত্র্য সংজ্ঞায়িত করা হয়েছে. এটি যে ব্যবহার করা হবে তার উপর নির্ভর করে, আমরা নীচে সেগুলির কয়েকটি দেখতে পাব।
- খোলার ট্যাগ: পৃষ্ঠার শুরুতে ব্যবহৃত হয়। এটি আমাদের বলে যে একটি নির্দিষ্ট উপাদান কোথায় শুরু বা শেষ হয়। উপাদানের নাম অবশ্যই নির্দেশিত বন্ধনীর মধ্যে যেতে হবে।
- ক্লোজিং ট্যাগ: আগের ক্ষেত্রে একই, কিন্তু এগুলি একটি উপাদানের শেষ নির্দেশ করে৷ একটি তির্যক রেখা প্রদর্শিত হওয়ার কারণে তারা মূলত এটি লেখার পদ্ধতিতে ভিন্ন।
- শিরোনাম ট্যাগ: তারা নির্দেশ করবে যে পরবর্তীতে যা রাখা হয়েছে তা হল আমাদের পৃষ্ঠার শিরোনাম।
- শরীরের লেবেল: এই ক্ষেত্রে, আমরা সেই ট্যাগগুলি সম্পর্কে কথা বলছি যা পাঠ্যের শরীরের অংশ নির্দেশ করে, অর্থাৎ পাঠ্যের ব্লকগুলি অনুসরণ করে।
- হেডার ট্যাগ: এটির নামটি প্রকাশ করে, এটি একটি লেবেল যা আমাদের পৃষ্ঠার শিরোনাম বা শিরোনাম নির্দেশ করে৷
- সাবটাইটেল ট্যাগ: এই ক্ষেত্রে আমরা লেভেল 2 সাবটাইটেল সম্পর্কে কথা বলছি।
- অনুচ্ছেদ ট্যাগ: এগুলিই আমাদের পাঠ্যকে একটি লাইনে দলবদ্ধভাবে দেখানোর জন্য ব্যবহৃত হয়।
- নিম্ন বিভাগের লেবেল: একটি পাঠ্যের নীচের দিকে নির্দেশ করে৷ এটি উপসংহার বা পৃষ্ঠার চূড়ান্ত অংশের সাথে চিহ্নিত করা যেতে পারে যেখানে যোগাযোগের তথ্য বা সামাজিক নেটওয়ার্কগুলি উপস্থিত হয়।
- উপরের বিভাগের লেবেল: আমরা পৃষ্ঠার একটি পাঠ্য বা শিরোনামের শীর্ষে উল্লেখ করি।
- বোল্ড ট্যাগ: আমরা সবাই জানি, তারা কিছু উপাদান হাইলাইট করার দায়িত্বে রয়েছে যা আমাদের পাঠ্যকে আবদ্ধ করে।
- তির্যক লেবেল: পূর্ববর্তী ক্ষেত্রে অনুরূপ, কিন্তু এখানে তির্যক মধ্যে নির্দেশিত কি প্রদর্শিত হবে.
- ইমেজ ট্যাগ: যখন আমরা আমাদের পৃষ্ঠায় একটি চিত্র সন্নিবেশ করতে চাই তখন আমরা এটি ব্যবহার করি।
- লিঙ্ক ট্যাগ: যদি আমরা আমাদের ওয়েবসাইটে যে কোনো জায়গায় লিঙ্ক যোগ করতে চাই, আমাদের অবশ্যই এই ট্যাগ যোগ করতে হবে।
এগুলি এইচটিএমএল ভাষায় ব্যবহৃত কিছু প্রধান ট্যাগ। আমরা যে প্রতিটি ট্যাগ খুলি তার জন্য, আমাদের অবশ্যই মনে রাখতে হবে যে আমাদের অবশ্যই এটি বন্ধ করতে হবে, অন্যথায় আমরা সঠিকভাবে উল্লিখিত ট্যাগ অন্তর্ভুক্ত করব না। এটি সঠিক উপায়ে করা একটি সুগঠিত HTML ভাষা অর্জন করবে। একটি খারাপভাবে লেখা কোড পৃষ্ঠা তৈরিতে ত্রুটি তৈরি করতে পারে। উপরন্তু, ব্রাউজার এটি চিনতে পারে না এবং আমাদের একটি ফাঁকা স্ক্রীন দেখানো হয় বা পৃষ্ঠাটি সরাসরি প্রদর্শিত হয়।
এখন যেহেতু আপনি জানেন যে HTML কি, এটি কিসের জন্য এবং এর কিছু মৌলিক ট্যাগ, আপনি এই ভাষার মৌলিক কাঠামো সম্পর্কে আমরা কথা বলছি। একবার আপনি এটি জানলে, আমরা আপনাকে বিভিন্ন লেবেলগুলি ব্যবহার করতে উত্সাহিত করি যেগুলি আমরা নাম দিয়েছি এবং নতুন যুক্ত করতে, আপনি যা শিখেছেন তা তৈরি করতে এবং অনুশীলন করতে৷