প্রয়োজনে ফোন করুন:
+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>

মন্তব্য

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


নতুন তথ্য

কি ভাব নিমাই তোর অন্তরে মঙ্গলবার, 17 সেপ্টেম্বর 2019
কি ভাব নিমাই তোর অন্তরে মা বলিয়ে চোখের দেখা কি ভাব নিমাই তোর অন্তরে মা বলিয়ে চোখের দেখা তাতে কি তোর ধর্ম যায় রে।। কল্পতরু হাওরে যদি তবু মা বাপ...
আয় গো যাই নবীর দীনে সোমবার, 16 সেপ্টেম্বর 2019
আয় গো যাই নবীর দীনে দীনের ডঙ্কা বাজে আয় গো যাই নবীর দীনে দীনের ডঙ্কা বাজে শহর মক্কা মদীনে॥
বাগেন্দ্রিয় না সম্ভবে সোমবার, 16 সেপ্টেম্বর 2019
বাগেন্দ্রিয় না সম্ভবে আপনায় আপনি ফানা হলে তারে জানা যাবে কোন নামে ডাকিলে তারে হৃদাকাশে উদয় হবে আপনায় আপনি ফানা হলে তারে জানা যাবে।।
ধন্য মায়ের নিমাই ছেলে সোমবার, 16 সেপ্টেম্বর 2019
ধন্য মায়ের নিমাই ছেলে এমন বয়সে নিমাই ধন্য মায়ের নিমাই ছেলে এমন বয়সে নিমাই ঘর ছেড়ে ফকিরী নিলে॥
আয় দেখে যা নতুন ভাব এনে গোরা সোমবার, 16 সেপ্টেম্বর 2019
আয় দেখে যা নতুন ভাব এনে গোরা মুড়িয়ে মাথা গলে কাঁথা কটিতে কৌপিন পরা আয় দেখে যা নতুন ভাব এনেছে গোরা মুড়িয়ে মাথা গলে কাঁথা কটিতে কৌপিন পরা॥
বলরে নিমাই বল আমারে সোমবার, 16 সেপ্টেম্বর 2019
বলরে নিমাই বল আমারে রাধা বলে আজভাবি আজ বলরে নিমাই বল আমারে রাধা বলে আজভাবি আজ কাঁদলি কেন ঘুমের ঘোরে॥
হীরা মানিক জহুরা কোটিময় সোমবার, 16 সেপ্টেম্বর 2019
হীরা মানিক জহুরা কোটিময় সে চাঁদ লক্ষ যোজন ফাঁকে রয় হীরা মানিক জহুরা কোটিময় সে চাঁদ লক্ষ যোজন ফাঁকে রয়
সাঁই আমার কখন খেলে কোন খেলা সোমবার, 16 সেপ্টেম্বর 2019
সাঁই আমার কখন খেলে কোন খেলা জীবনের কি সাধ্য বলো সাঁই আমার কখন খেলে কোন খেলা জীবনের কি সাধ্য বলো গুণে পড়ে তাই বলা॥
সূর্যের সুসঙ্গে কমল সোমবার, 16 সেপ্টেম্বর 2019
সূর্যের সুসঙ্গে কমল জানিসনে মন হলি কেবল কামাবেশে মাতোয়ারা সূর্যের সুসঙ্গে কমল কেমনে হয় প্রেমযুগল জানিসনে মন হলি কেবল...
এক ফুলে চার রঙ ধরেছে সোমবার, 16 সেপ্টেম্বর 2019
এক ফুলে চার রঙ ধরেছে সে ফুলে ভাব নগরে এক ফুলে চার রঙ ধরেছে। সে ফুলে ভাব নগরে কি শোভা করেছে।।

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

কারবালার ইতিহাস কারবালার যুদ্ধ ইসলামিক পঞ্জিকা অনুসারে ১০ মুহাররম ৬১ হিজরী মোতাবেক ১০ অক্টোবর ৬৮০ খ্রিস্টাব্দ বর্তমান ইরাকের...
কুরবানী দেওয়ার ইচ্ছা থাকলে কি করবেন? সুন্নাহতে এ কথা প্রমাণিত যে, যে ব্যক্তি কুরবানী দেওয়ার ইচ্ছা বা সংকল্প করেছে তার জন্য ওয়াজিব; যুলহাজ্জ মাস...
ধারনা করা হয় ছবির এই  জায়গা কাবিলের হাতে খুন হয়ে ছিল হাবিল। কুরবানী শব্দের উৎপত্তি হলো কুরবান শব্দ থেকে। কুরবান শব্দের অর্থাৎ নৈকট্য, সান্নিধ্য, উৎসর্গ। সুতরাং...
ভিপিএন কি এবং ব্যবহার ভিপিএন(VPN) - ভার্চুয়াল প্রাইভেট নেটওয়ার্ক (Virtual Private Network )। সহজ ভাষায় বললে, ভিপিএন হলো একটা প্রাইভেট নেটওয়ার্ক, যেখানে...
হযরত মুহাম্মাদ (সাঃ) - মক্কা জীবন আরব জাতি (الشعب العربى وأقوامها) মধ্যপ্রাচ্যের মূল অধিবাসী হ’লেন আরব জাতি। সেকারণ একে আরব উপদ্বীপ (جزيرة العرب) বলা...
কাল্পনিক নৌকা আদম (আঃ) থেকে নূহ (আঃ) পর্যন্ত দশ শতাব্দীর ব্যবধান ছিল। যার শেষদিকে ক্রমবর্ধমান মানবকুলে শিরক ও...
কাল্পনিক ছবি আদমের অবতরণ স্থল আদম ও হাওয়াকে আসমানে অবস্থিত জান্নাত থেকে নামিয়ে দুনিয়ায় কোথায় রাখা হয়েছিল, সে বিষয়ে...
হযরত আদম (আঃ) এর জীবনী বিশ্ব ইতিহাসে প্রথম মানুষ ও প্রথম নবী হিসাবে আল্লাহ পাক আদম আলাইহিস সালাম -কে নিজ দু’হাত দ্বারা...
টেলিভিশন আবিষ্কার টেলিভিশন এমন একটি যন্ত্র যা থেকে একই সঙ্গে ছবি দেখা যায় এবং শব্দও শোনা যায়। টেলিভিশন শব্দটি...
পিএইচপি কি ? What is PHP পিএইচপি (PHP) একটি প্রোগ্রামিং ভাষা। এটি মূলত সার্ভার-সাইড স্ক্রিপ্টিং-এর জন্য ব্যবহৃত হয়। পিএইচপি...
প্রযুক্তি কি? প্রযুক্তি (Technology) বলতে কোন একটি প্রজাতির বিভিন্ন যন্ত্র এবং প্রাকৃতিক উপাদান প্রয়োগের...
বৃহত্তর কুষ্টিয়ার ধর্মচারণ ভৌগলিক অবস্থানগত কারণে বৃহত্তর কুষ্টিয়ার মানুষ অসাম্প্রদায়িক চেতনাসমৃদ্ধ। যে কারণে এ অঞ্চলে...
মাহে রমজান খোশ আমদেদ মাহে রমজান কৃচ্ছ্রপূর্ণ ও আত্মসংযমের মাস। হিজরি সালের নবম মাস পবিত্র মাহে রমজান উম্মতে...
মাহে রমজান আমাদের জীবনে সার্থক ও মহিমান্বিত হোক অশেষ রহমত ও বরকত নিয়ে মাহে রমজানের আগমন হয়েছিল। আল্লাহর আদেশে, তাঁর সাধারণ নিয়মে তা আমাদের মধ্য থেকে বিদায়ও...
মাহে রমজানের গুরুত্ব খোশ আমদেদ মাহে রমজান। পবিত্র রমজান মাস হচ্ছে মহান আল্লাহর নিকটবর্তী হওযার মাস। এ মাসে মানুষ নিজের...
বেতবুনিয়া উপগ্রহ ভূ কেন্দ্র বেতবুনিয়া উপগ্রহ ভূ-কেন্দ্র: ১৯৭০ সনের ০৩ জানুয়ারী তৎকালীন পাকিস্তানের প্রেসিডেন্ট জেনারেল আগা...
স্যাটেলাইট কি? স্যাটেলাইট হলো মহাকাশে উৎক্ষেপিত বৈজ্ঞানিক প্রক্রিয়ায় উদ্ভাবিত উপগ্রহ। স্যাটেলাইট বা কৃত্রিম...
ঈদে মিলাদুন্নবী ঈদে মিলাদুন্নবী (مَوْلِدُ النَبِيِّ) হল আরবি তিনটি শব্দের সম্মিলিত রূপ। ঈদ,মিলাদ ও নবী এই তিনটি...
ইসলাম কি ইসলাম (আরবি ভাষায়: الإسلام‎) একটি একেশ্বরবাদী এবং আব্রাহামিক ধর্ম; যা কুরআন (যা এমন এক কিতাব যা...
এইচটিএমএল (HTML)  কিভাবে শুরু করবেন ? এইচটিএমএল (HTML) এর অর্থ হচ্ছে “হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ (HyperText Markup Language)”।...

Subscribe Our Newsletter

welcome to our newsletter subscription

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

Made in kushtia

Go to top