HTML এর পরিচয় (পর্ব ১) - যন্ত্রযোগের ব্লগ

যন্ত্রযোগের ব্লগ

বাংলাদেশের প্রথম কম্পিউটার প্রোগ্রামিং বিষয়ক প্লাটফর্ম

Post Top Ad

Wednesday, January 11, 2017

HTML এর পরিচয় (পর্ব ১)

HTML কি?

HTML হচ্ছে ওয়েবপেজ বর্ণনাকারী ভাষা । যে কেউ খুব সহজেই HTML ভাষা ব্যাবহার করে নিজস্ব ওয়েবপেজ তৈরি করতে পারে । :D

  • HTML এর মানে Hyper Text Markup Language 
  • HTML একটি মার্কআপ (markup) ভাষা
  • মার্কআপ ভাষা হচ্ছে কতগুলো মার্কআপ ট্যাগ (markup tags) এর সমন্বয় 
  • ট্যাগ একটি ডকুমেন্ট এর বিষয়বস্তু (content) বর্নানা করে
  • একটি HTML ডকুমেন্ট এ কিছু HTML tag এবং সাধারন লেখা (plain text) থাকে 
  • HTML ডকুমেন্ট কে ওয়েবপেজও বলা হয়

HTML এর ইতিহাস


১৯৮০ সালে টিম বার্নার্স লী (Tim Berners-Lee) CERN এর একজন কর্মকর্তা ছিলেন । সর্বপ্রথম CERN গবেষকদের মাঝে দস্তাবেজ (Database, files etc) শেয়ার করার জন্য ENQUIRE prototyped নামে একটি ‍System এর প্রস্তাব করেন । ১৯৮৯ সালে, Berners-Lee একটি ইন্টারনেট ভিত্তিক হাইপারটেক্সট সিস্টেম প্রস্তাবে একটি মেমো লিখেন। ১৯৯০ সালে Berners-Lee ব্রাউজার এবং সার্ভারের সফ্টওয়্যারে এইচটিএমএল (HTML) এর উল্লেখ করেন ।এ বছরেই, Berners-Lee এবং CERN এর তথ্য সিস্টেম ইঞ্জিনিয়ার Robert Cailliau যৌথভাবে CERN কে এ প্রকল্পের জন্য অর্থায়নে অনুরোধ করেন, কিন্তু প্রকল্পটি আনুষ্ঠানিকভাবে CERN দ্বারা গৃহীত হয়নি।


পরবর্তিতে Tim Berners Lee এই HTML ভাষা কে সকলের জন্য উন্মুক্ত করে দেন।

Tim Berners Lee,
Founder of HTML

HTML এর ট্যাগ সমূহ

HTML Markup Tag কে সাধারনত HTML Tag বলা হয়


  • HTML Tag  হচ্ছে কিছু Keywords যা এঙ্গেল ব্রাকেট "<" ও ">" দ্বারা আবদ্ধ থাকে। যেমন <html> 
  • HTML Tag সাধারনত জোড়ায় থাকে । যেমন <b> এবং </b>
  • এক জোড়া Tag এর প্রথম ট্যাগ কে শুরুর ট্যাগ(Opening Tag) বা Starting Tag এবং দ্বিতীয় ট্যাগ কে শেষের ট্যাগ(Closing Tag) বা Ending Tag বলে ।
  • Closing Tag আদতে Opening Tag এর মতনই হয়, শুধু ট্যাগ নামের আগে Forward slash "/" বসে ।
ট্যাগ এর উদাহারনঃ 
<tagname>content</tagname>

HTML ইলিমেন্ট 

"HTML Tag" এবং "HTML Element" প্রায়শই একই ধরা হয়।

কিন্তু কঠোর ভাবে বলছি, Starting tag এবং Ending Tag এর মধ্যে যা কিছুই থাকে এমনকি ট্যাগও HTML Element বলে গণ্য হবে।

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



No comments :

Post a Comment

Post Top Ad