প্রয়োজনে ফোন করুন:
+88 01978 334233

ভাষা পরিবর্তনঃ

Cart empty

এইচটিএমএল (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>

মন্তব্য

মানুষ এবং সমাজের ক্ষতিসাধন হয় এমন মন্তব্য হতে বিরত থাকুন।


নতুন তথ্য

কুষ্টিয়ার মোহিনী মিলের ঐতিহ্য নতুন রুপে ফিরে আসুক আগামী প্রজন্মের কাছে এক সময়ের এশিয়ার সর্ববৃহৎ ঐতিহ্যবাহী বস্ত্রকল কুষ্টিয়ার মোহিনী মিল আন্তর্জাতিক পর্যায়ে ব্যাপক...
ভাঙল কুষ্টিয়ায় বাউল সম্রাট ফকির লালন শাহ্‌ এর তিরোধান দিবসের ৩ দিনের অনুষ্ঠান কুষ্টিয়ার ছেউড়িয়ায় সাঙ্গ হলো বাউল সম্রাট ফকির লালন শাহ’র ১২৯তম তিরোধান দিবস অনুষ্ঠান। “বাড়ির কাছে...
লালনের আদর্শে আধুনিক দেশ ও সমাজ গড়ে তুলতে হবে জাতীয় সংসদ সদস্য ও বাংলাদেশ আওয়ামীলীগের যুগ্ম সাধারণ সম্পাদক মাহবুবউল আলম হানিফ বলেছেন, সবকিছুর...
লালন সাঁইজীর সঠিক দর্শন ছেড়ে অনেকেই এখন ভুল ব্যাখ্যা দিতে তৎপর ! আজ থেকে ১২৯ বছরের ব্যবধানে সেই সময়ের মরমী সাধক বাবা লালন সাঁইজীর সঠিক দর্শন, দিক নিদের্শনা,...
শাঁইজীর আখড়াবাড়ীতে মানুষ রতনের ভীড় “বাড়ির কাছে আরশিনগর, সেথা এক পড়শি বসত করে” এই স্লোগানে আজ বুধবার থেকে শুরু হচ্ছে ৩ দিনব্যাপী বাউল সম্রাট মরমী সাধক ফকির লালন...

প্রযুক্তি তথ্য

কারবালার ইতিহাস কারবালার যুদ্ধ ইসলামিক পঞ্জিকা অনুসারে ১০ মুহাররম ৬১ হিজরী মোতাবেক ১০ অক্টোবর ৬৮০ খ্রিস্টাব্দ বর্তমান ইরাকের...
কুরবানী দেওয়ার ইচ্ছা থাকলে কি করবেন? সুন্নাহতে এ কথা প্রমাণিত যে, যে ব্যক্তি কুরবানী দেওয়ার ইচ্ছা বা সংকল্প করেছে তার জন্য ওয়াজিব; যুলহাজ্জ মাস...
ধারনা করা হয় ছবির এই  জায়গা কাবিলের হাতে খুন হয়ে ছিল হাবিল। কুরবানী শব্দের উৎপত্তি হলো কুরবান শব্দ থেকে। কুরবান শব্দের অর্থাৎ নৈকট্য, সান্নিধ্য, উৎসর্গ। সুতরাং...
ভিপিএন কি এবং ব্যবহার ভিপিএন(VPN) - ভার্চুয়াল প্রাইভেট নেটওয়ার্ক (Virtual Private Network )। সহজ ভাষায় বললে, ভিপিএন হলো একটা প্রাইভেট নেটওয়ার্ক, যেখানে...
হযরত মুহাম্মাদ (সাঃ) - মক্কা জীবন আরব জাতি (الشعب العربى وأقوامها) মধ্যপ্রাচ্যের মূল অধিবাসী হ’লেন আরব জাতি। সেকারণ একে আরব উপদ্বীপ (جزيرة العرب) বলা...

Subscribe Our Newsletter

welcome to our newsletter subscription

প্রতিষ্ঠাতা এবং প্রকাশকঃ- সালেকউদ্দিন শেখ সুমন

Made in kushtia

Go to top