HTML এর পূর্ণরূপ Hypertext Markup Language.
HTML কি ?
এইচটিএমএল একটি কম্পিউটারের (Language) ভাষা, যা ওয়েবসাইট তৈরি করতে ব্যবহৃত হয়, এইচটিএমএল অনেক ধরণের Tag মিলিয়ে তৈরি , এইচটিএমএল 1980 সালে Tim Berners-Lee (টিম বার্নার্স-লি) দ্বারা নির্মিত হয়েছিল।
Internet এর শুরুতে ,এইচটিএমএল এর দ্বারা একটি সম্পূর্ণ ওয়েবসাইট তৈরি করা হয়েছিল, তবে এখন অনেকগুলি কম্পিউটার ভাষা রয়েছে যা আপনি একটি ওয়েবসাইট, ব্লগ তৈরি করতে ব্যবহার করতে পারেন।
আসলে আমরা যখনি কোনো ওয়েবসাইট এ ভিসিট করি সেখানে যে পেজ টি আমরা সামনে দেখতে পাই আসলে পিছনে অনেক HTML TAG এর দ্বারা বানানো হয়।
এইচটিএমএল দিয়ে একটি Website হয়ে যাওয়ার পর, যে কেউ ইন্টারনেটের মাধ্যমে সেই ওয়েবসাইটটি দেখতে পারেন।
এইচটিএমএল শেখা খুবই সহজ এটি খুব সহজেই মাত্র ১ মাসের মধ্যে আপনি ভালোভাবেই শিখে যাবেন কারণ এই Language টি খুব এ সহজ।
এর জন্য আপনার কাছে শুধু একটি Computer দরকার এর জন্য বেশি হাই ফি কম্পিউটার নয় নরমাল কম্পিউটার হলেই হবে।
কম্পিউটার এ একটি সফটওয়্যার ইনস্টল করে নিতে হবে যার নাম notepad এটি আপনি গুগল chrome ব্রাউসার এ গিয়ে সার্চ করলেই পেয়ে যাবে।
এইচটিএমএল Code লেখার পরে File টিকে .html Extension এর নাম দিয়ে সেভ করে নিতে হবে। তারপর কম্পিউটার বা web server আপলোড আপ ব্রাউজারে দেখতে পারেন। ব্রাউজারে যে ফাইলটি লেখা আছে এইচটিএমএল কোডটি পড়ে Page টি দেখাবে |
HTML এর ব্যবহার
প্রথমত, একটি টেক্সট এডিটর যেমন – নোটপ্যাড (Notepad) আপনার এইচটিএমএল এর কোড গুলো লেখা হবে। এবং দ্বিতীয়ত আপনার কাছে একটি ব্রাউজার দরকার ব্রাউজার, যেমন ধরুন ক্রোম ব্রাউজার (Chrome browser) ফায়ারফক্স সাধারণত সবার এগুলি থাকে
প্রথমে আপনাকে টেক্সট এডিটর টি ডাউনলোড করে নিতে হবে যার সাহায্যে web পেজটি লিখবেন এইচটিএমএল কোড এর দ্বারা, সেটিকে ব্রাউজারের মাধ্যমে দেখানো হবে।
এইচটিএমএল এর ছোট ছোট কাঠের সিঁড়ি বানানো হয়। যেগুলোকে আমরা নোটপ্যাডে লিখে থাকি ছোট ছোট কোড এবং ট্যাগ বলা হয়।ট্যাগ গুলি ব্রাউজারকে বলে যে ডকুমেন্ট এর মধ্যে কোন এলেমেন্ট কোথায় আছে কোথায় দেখানো যাবে।
html tag কি
আমরা একটু আগে জানলাম যে এইচটিএমএল কি এবং কি কি লাগে এবার জানবো যে এইচটিএমএল ট্যাগ বলতে কী বোঝায় কিভাবে html code লিখতে হয় এবং এইচটিএমএল ট্যাগ দেখতে কেমন।
এইচটিএমএল ট্যাগ এক্সাম্পল:
যেমন- ছবিটি দেখুন এটি একটি এইচটিএমএল ট্যাগ
এখানে শুরুতে ( < ) এর মানে “less than” এরপরে “html” লেখা আছে সেটি হল tag name. এবং শেষে (>) “greater than” এই সিম্বল টি ব্যবহার করে থাকা হয়। less than এবং গেটারদেন এবং দুটিকে angle bracket বলা হয়। এর মধ্যে ভিন্ন টেক্সট হবে যা এটি নির্ধারণ করে যে কি ধরনের এইচটিএমএল ট্যাগ লেখা হচ্ছে।
উদাহরণস্বরূপ: আপনি যদি জানেন যে p এর মানে paragraph তাহলে প্যারাগ্রাফ লেখার জন্য <p> এটি লিখতে হবে।
এমন অনেকগুলি tag আছে এবং প্রত্যেকটি ট্যাগের আলাদা আলাদা কাজ থাকে আমাদের ডকুমেন্টে।
যেমন –
- <html> tag আমাদের ব্রাউজার কে জানাই যে এখানে একটি এইচটিএমএল পেজ কি নির্দিষ্ট করা হয়েছে।
- < h1 > এটি হেডিং tag এটি আমাদের এইচটিএমএল ডকুমেন্ট এর পেজ এর হেডিং নির্দেশ করে।
- <p> প্যারাগ্রাফ ট্যাগ এইচটিএমএল পেজের প্যারাগ্রাফ কে নির্দেশ করে এমন প্রয়োজন থাকে এবং প্রতিটি tag কাজ আলাদা হয় সমস্ত এইচটিএমএল ডকুমেন্ট তৈরি হয় এই tag গুলির মাধ্যমে।
বেশিরভাগ ট্যাগের দুটি অংশ থাকে , একটি খোলার এবং একটি সমাপ্ত ট্যাগ।
উদাহরণস্বরূপ-
<p> হল ওপেন (opening) ট্যাগ এবং </ p> হ’ল ক্লোজিং (closing) ট্যাগ। নোট করুন যে সমাপ্তি (closing) ট্যাগটিতে ওপেন ট্যাগের মতোই টেক্সট রয়েছে তবে এতে একটি অতিরিক্ত ফরোয়ার্ড-স্ল্যাশ (/) এর সিম্বল রয়েছে।
Leave a comment