বাংলা তথ্য ভান্ডার সমৃদ্ধ করতে আমাদের এই প্রয়াস। ইতিহাস এবং ঐতিহ্যর তথ্য দিতে চাইলে ইমেইল kushtia.contact@gmail.com অথবা ফোন করুনঃ- ০১৯৭৮ ৩৩ ৪২ ৩৩

Select your language

এইচটিএমএল (HTML)  কিভাবে শুরু করবেন ?
এইচটিএমএল (HTML) কিভাবে শুরু করবেন ?

এইচটিএমএল (HTML) এর অর্থ হচ্ছে “হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ (HyperText Markup Language)”। HTML (HyperText Markup Language) হল ওয়েব নির্মানের মূল উপাদান। এটি ওয়েবপেজের বিষয়বস্তু গুলিকে বর্ণনা এবং সংজ্ঞায়িত করে। সাধারণভাবে HTML ছাড়া অন্যান্য প্রযুক্তি একটি ওয়েবপেজের চেহারা / উপস্থাপনা (CSS) অথবা কার্যকারিতা (Javascript) বর্ণনার জন্য ব্যবহার করা হয়। আপনার ব্রাউজারে প্রদর্শিত সবকিছুই মূলত HTML দিয়ে গঠিত হয়। আরও সঠিকভাবে বলা যায় যে, HTML হল এমন একটি ভাষা যা একটি ওয়েব ডকুমেন্টের গঠন, নক্সা, বিষয়বস্তুর অবস্থান, অভ্যন্তরীণ তথ্য ইত্যাদি নিয়ন্ত্রণ করে।

"হাইপার টেক্সট" বলতে একটি লিঙ্ক বোঝায় যেটা একটি ওয়েব পেজের সঙ্গে আরেকটি ওয়েবপজের সংযোগ স্থাপন করে, হয় একটি একক ওয়েবসাইট মধ্যে বা বিভিন্ন ওয়েবসাইটের মধ্যে। লিঙ্ক গুলি ওয়েবের সবচেয়ে অপরিহার্য অংশ। ইন্টারনেটে বিষয়বস্তু আপলোড এবং তা অন্যান্য ব্যক্তিদের দ্বারা নির্মিত পৃষ্ঠাগুলিতে সংযুক্ত করে আপনি ওয়ার্ল্ড ওয়াইড ওয়েবের একজন সক্রিয় অংশগ্রহণকারী হয়ে যেতে পারেন।

একটি ওয়েব ব্রাউজারের মধ্যে লেখা, ছবি, এবং অন্যান্য বিষয়বস্তু প্রদর্শনের জন্য এইচটিএমএল "মার্কআপ" ব্যবহার করে। HTML এর মার্কাপগুলি বিশেষ কতগুলি উপাদান দিয়ে অন্তর্ভুক্ত যেমন <head>, <title>, <body>, <article>, <section>, <p>, <div>, <span>, <img>, এবং অনেক কিছু।

এইচটিএমএল পরিচিতিঃ-

আপনি ব্রাউজারে যখন একটি ওয়েব পেজ দেখছেন, তখন আপনার সামনে রয়েছে ওয়েব পেজ এর সবচেয়ে সাধারন চেহারাটা, অনেক গুলো শব্দ। এই শব্দ গুলোর সাথে সাধারন বেশ কিছু ডিজাইন সম্পর্কিত ব্যাপার থাকে, যেমন নানা ধরনের ফন্ট সাইজ, কালার। আবার কিছু কিছু ক্ষেত্রে, একটা পেজে আপনি ছবি বা ভিডিও দেখতে পাবেন। আবার অনেক সময় আপনি একটা ফর্ম দেখতে পাবেন, সেখানে আপনি নিজের মতো করে লিখে সার্চ করতে পারেন, অথবা আপনার ইচ্ছে মতো পেজের চেহারা পরিবর্তন করতে পারেন। আবার কখনো কখনো পেইজের কিছু অংশ স্থির থাকে আর কিছু অংশ পরিবর্তিত হতে থাকে এটাই মুলত এইচটিএমএল।

কি ভাবে এইচটিএমএল শুরু করবেনঃ-

এইচটিএমএল লিখতে কিছু সফটওয়্যার টুলস (নোটপ্যাড ++, টপ স্টাইল, সাব লাইম টেক্সট এডিটর) ব্যাবহার করতে পারেন। যা আপনার কাজকে সহায়ক ভূমিকা হিসেবে কাজ করবে।

এইচটিএমএল এর ফাইল এক্সটেনশন .html হয়। সেজন্য এইচটিএমএল ফাইলটি সেভ করার সময় অবশ্যয় ফাইল নাম দেয়ার শেষে .html মুডে সেভ করতে হবে। উদাহরনঃ- ধরুন সুমন নামে একটি ফাইল তৈরি করেছি অথবা ইনডেক্স নামে, তাহলে অবশ্যয় নামের শেষে sumon.html, index.html দিতে হবে। আশা করি বুঝতে পেরেছেন। না বুঝলে নিচে কমেন্ট করুন।

এবার আসি এইচটিএমএল কি ভাবে লিখবেন ? এইচটিএমএল লিখার জন্য কিছু স্টাকচার ডিফল্ট ভাবে ব্যাবহার করতে হয়। নিম্নে তা দেওয়া হলঃ-

Example

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

এইচটিএমএল ফাইলে এটি সেভ করে ব্রাউজারে খুলে দেখুন। দেখতে পারবেন ব্রাউজার টাইটেলে “Page Title” লেখা দেখাচ্ছে এবং বডির ভিতর “This is a Heading” এবং “This is a paragraph.” দুই ভাবে এই লিখাটি প্রকাশ হয়েছে। বডি বলতে ব্রাউজারের ভিতর যা দেখা যায় তাকেই বডি বলে এইচটিএমএল এর ভাষাই।

এইচটিএমএল ট্যাগঃ-

এইচটিএমএল ট্যাগ কোণ বন্ধনী দ্বারা বেষ্টিত উপাদান নাম।

<tagname>কন্টেন্ট এখানে যায় ...</tagname>

<h1>How are you</h1>

  • এইচটিএমএল ট্যাগ সাধারণত জোড়ায় জোড়ায় <p> এবং </p>
  • একটি প্রথম ট্যাগস শুরু < ট্যাগ হয়, তাহলে দ্বিতীয়টি শেষ /> ট্যাগ হয়।
  • উল্লেখ্যঃ- প্রথম ট্যাগে স্ল্যাশ হয় না, শেষ ট্যাগে স্ল্যাশ হয়।

<! DOCTYPE html> ঘোষণাপত্রঃ-

<! DOCTYPE html> ঘোষণা নথি প্রকার প্রতিনিধিত্ব করে, এবং সঠিকভাবে ওয়েব পেজ প্রদর্শন করতে ব্রাউজার সাহায্য করে।

এটা শুধুমাত্র পৃষ্ঠার উপরের (যে কোন এইচটিএমএল ট্যাগ সামনে) একবার প্রদর্শিত হবে।

<! DOCTYPE> ঘোষণা কেস সংবেদনশীল নয়।

HTML- এর জন্য <! DOCTYPE html> ডিক্লারেশন:

<!DOCTYPE html>
Add comment

সর্বশেষ পেতে সাবস্ক্রাইব করুন

তথ্য সম্পর্কে খবর

আমাদের নিউজলেটার সাবস্ক্রাইব করুন এবং আপডেট থাকুন
We use cookies

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.