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

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

খালি কার্ট

এইচটিএমএল (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 )। সহজ ভাষায় বললে, ভিপিএন হলো একটা প্রাইভেট নেটওয়ার্ক, যেখানে...
হযরত মুহাম্মাদ (সাঃ) - মক্কা জীবন আরব জাতি (الشعب العربى وأقوامها) মধ্যপ্রাচ্যের মূল অধিবাসী হ’লেন আরব জাতি। সেকারণ একে আরব উপদ্বীপ (جزيرة العرب) বলা...
কাল্পনিক নৌকা আদম (আঃ) থেকে নূহ (আঃ) পর্যন্ত দশ শতাব্দীর ব্যবধান ছিল। যার শেষদিকে ক্রমবর্ধমান মানবকুলে শিরক ও...
কাল্পনিক ছবি আদমের অবতরণ স্থল আদম ও হাওয়াকে আসমানে অবস্থিত জান্নাত থেকে নামিয়ে দুনিয়ায় কোথায় রাখা হয়েছিল, সে বিষয়ে...
হযরত আদম (আঃ) এর জীবনী বিশ্ব ইতিহাসে প্রথম মানুষ ও প্রথম নবী হিসাবে আল্লাহ পাক আদম আলাইহিস সালাম -কে নিজ দু’হাত দ্বারা...
টেলিভিশন আবিষ্কার টেলিভিশন এমন একটি যন্ত্র যা থেকে একই সঙ্গে ছবি দেখা যায় এবং শব্দও শোনা যায়। টেলিভিশন শব্দটি...
পিএইচপি কি ? What is PHP পিএইচপি (PHP) একটি প্রোগ্রামিং ভাষা। এটি মূলত সার্ভার-সাইড স্ক্রিপ্টিং-এর জন্য ব্যবহৃত হয়। পিএইচপি...
প্রযুক্তি কি? প্রযুক্তি (Technology) বলতে কোন একটি প্রজাতির বিভিন্ন যন্ত্র এবং প্রাকৃতিক উপাদান প্রয়োগের...
বৃহত্তর কুষ্টিয়ার ধর্মচারণ ভৌগলিক অবস্থানগত কারণে বৃহত্তর কুষ্টিয়ার মানুষ অসাম্প্রদায়িক চেতনাসমৃদ্ধ। যে কারণে এ অঞ্চলে...
মাহে রমজান খোশ আমদেদ মাহে রমজান কৃচ্ছ্রপূর্ণ ও আত্মসংযমের মাস। হিজরি সালের নবম মাস পবিত্র মাহে রমজান উম্মতে...
মাহে রমজান আমাদের জীবনে সার্থক ও মহিমান্বিত হোক অশেষ রহমত ও বরকত নিয়ে মাহে রমজানের আগমন হয়েছিল। আল্লাহর আদেশে, তাঁর সাধারণ নিয়মে তা আমাদের মধ্য থেকে বিদায়ও...
মাহে রমজানের গুরুত্ব খোশ আমদেদ মাহে রমজান। পবিত্র রমজান মাস হচ্ছে মহান আল্লাহর নিকটবর্তী হওযার মাস। এ মাসে মানুষ নিজের...
বেতবুনিয়া উপগ্রহ ভূ কেন্দ্র বেতবুনিয়া উপগ্রহ ভূ-কেন্দ্র: ১৯৭০ সনের ০৩ জানুয়ারী তৎকালীন পাকিস্তানের প্রেসিডেন্ট জেনারেল আগা...
স্যাটেলাইট কি? স্যাটেলাইট হলো মহাকাশে উৎক্ষেপিত বৈজ্ঞানিক প্রক্রিয়ায় উদ্ভাবিত উপগ্রহ। স্যাটেলাইট বা কৃত্রিম...
ঈদে মিলাদুন্নবী ঈদে মিলাদুন্নবী (مَوْلِدُ النَبِيِّ) হল আরবি তিনটি শব্দের সম্মিলিত রূপ। ঈদ,মিলাদ ও নবী এই তিনটি...
ইসলাম কি ইসলাম (আরবি ভাষায়: الإسلام‎) একটি একেশ্বরবাদী এবং আব্রাহামিক ধর্ম; যা কুরআন (যা এমন এক কিতাব যা...
এইচটিএমএল (HTML)  কিভাবে শুরু করবেন ? এইচটিএমএল (HTML) এর অর্থ হচ্ছে “হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ (HyperText Markup Language)”।...
বাংলাদেশের প্রথম কম্পিউটার প্রোগ্রামার হানিফউদ্দিন মিয়া (Hanifuddin Mia) বাংলাদেশের প্রথম কম্পিউটার প্রোগ্রামার। বাংলাদেশের প্রথম...
প্রথম কম্পিউটার প্রোগ্রামার Augusta Ada King-Noel, Countess of Lovelace (née Byron; 10 December 1815 – 27 November 1852) was...
কম্পিউটার কি ? গণকযন্ত্র বা কম্পিউটার (ইংরেজি: Computer কম্‌পিঊটার্‌) হল এমন একটি যন্ত্র যা সুনির্দিষ্ট নির্দেশ...

নতুন তথ্য

মীর মোশাররফ হোসেন - বাংলা সাহিত্যের পথিকৃৎ মীর মোশাররফ হোসেনের সংক্ষিপ্ত জীবনী উনবিংশ শতাব্দীর সর্বশ্রেষ্ট মুসলিম সাহিত্যিক রুপে খ্যাত 'বিষাদ সিন্ধুর' অমর লেখক মীর মশাররফ...
প্যারীসুন্দরী - নীল বিদ্রোহের অবিস্মরণীয় চরিত্র প্যারীসুন্দরী, নীল বিদ্রোহের অবিস্মরণীয় চরিত্র। স্বদেশ প্রেমের অনির্বান শিখাসম এক নাম। অবিভক্ত...
আধ্যাত্মিক সাধক হযরত আবুল হোসেন শাহ (রঃ) সত্য প্রচারে এক উজ্জল নক্ষত্র বাংলাদেশের অনেক আউলিয়াগণের মধ্যে আধ্যাত্মিক ও সূফী সাধক হযরত মাওলানা আবুল হোসেন শাহ (রঃ) মানব কল্যাণে ও...
লিচুর উপকার এবং অপকারিতা The benefits and disadvantages of litchi লিচু বা লেচু (বৈজ্ঞানিক নাম Litchi chinensis) একটি...
ভুল বুঝে চলে যাও সোমবার, 27 মে 2019
ভুল বুঝে চলে যাও, যত খুশি ব্যাথা দাও যত খুশি ব্যাথা দাও (যদি) ভুল বুঝে চলে যাও যত খুশি ব্যথা দাও সব ব্যথা নীরবে সইবো বন্ধুরে, তোমার লেখা গানটারে...
কাজী নজরুল ইসলাম এবং তাঁর পরিবার Poor Nazrul is still bright দরিদ্র পরিবার থেকে বেড়ে উঠা অনেক কষ্টের। পেট এবং পরিবারের চাহিদা...
ভিপিএন কি এবং ব্যবহার শুক্রবার, 24 মে 2019
ভিপিএন কি এবং ব্যবহার ভিপিএন(VPN) - ভার্চুয়াল প্রাইভেট নেটওয়ার্ক (Virtual Private Network )। সহজ ভাষায় বললে, ভিপিএন হলো একটা প্রাইভেট নেটওয়ার্ক, যেখানে...
সংগীতশিল্পী খালিদ হোসেন বৃহস্পতিবার, 23 মে 2019
সংগীতশিল্পী খালিদ হোসেন খালিদ হোসেন (জন্মঃ- ৪ ডিসেম্বর ১৯৩৫ - মৃত্যুঃ- ২২ মে ২০১৯) ছিলেন একজন বাঙালি নজরুলগীতি শিল্পী এবং নজরুল গবেষক। তিনি নজরুলের ইসলামী গান...
তরমুজের উপকারিতা মঙ্গলবার, 21 মে 2019
তরমুজের উপকারিতা তরমুজ (ইংরেজি: Watermelon) (Citrullus lanatus (কার্ল পিটার থুনবার্গ) একটি গ্রীষ্মকালীন সুস্বাদু ফল। ঠান্ডা তরমুজ গ্রীষ্মকালে বেশ জনপ্রিয়। এতে...
বাংলা ভাষা আন্দোলন বরাক উপত্যকা Barak Valley of Bangla Language Movement আসামের বরাক উপত্যকার বাংলা ভাষা আন্দোলন ছিল আসাম সরকারের অসমীয়া ভাষাকে...

Subscribe Our Newsletter

welcome to our newsletter subscription

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

Made in kushtia

Go to top