1.1 HTML এর ইতিহাস

আজকাল প্রায় সব মানুষই ইন্টারনেট ব্যবহার করে। নিবন্ধগুলি পড়ুন, একটি ব্রাউজার ব্যবহার করুন, লিঙ্কগুলি অনুসরণ করুন। এবং তাদের মধ্যে মাত্র কয়েকজনই ভাবছেন ইন্টারনেট কখন এবং কার দ্বারা উদ্ভাবিত হয়েছিল?

এটি এখনও নির্ভর করে আপনি ইন্টারনেটকে কী বলবেন। প্রায়শই, সাধারণ লোক মানে এক জিনিস, এবং প্রযুক্তিবিদ মানে অন্য। বিশ্বের বৃহত্তম ডেটা সেন্টারের সাথে সংযোগকারী কম্পিউটার নেটওয়ার্ক 70 এর দশকে তৈরি হয়েছিল। কিন্তু একজন সাধারণ ব্যক্তির কাছে ইন্টারনেট অ্যাক্সেসযোগ্য (ব্রাউজার, লিঙ্ক, সমস্ত ধরণের পৃষ্ঠা) 90 এর দশকের প্রথম দিকে একজন ব্যক্তি আবিষ্কার করেছিলেন । এবং এটি এই মত ছিল ...

1990-এর দশকের গোড়ার দিকে, ব্রিটিশ টিম বার্নার্স-লি ইন্টারনেট আবিষ্কার করেন। যদিও, তবুও, তিনি যা আবিষ্কার করেছেন তাকে আরও সঠিকভাবে ওয়েব বলা হয়:, World Wide Webতিনি হলেন www, তিনি ওয়ার্ল্ড ওয়াইড ওয়েবও। হ্যাঁ, একজন মানুষ ওয়ার্ল্ড ওয়াইড ওয়েব আবিষ্কার করেছেন।

1986-1991 সাল থেকে তিনি CERN গবেষণা কেন্দ্রে (জেনেভা, সুইজারল্যান্ডে) একটি নতুন বৈজ্ঞানিক ডকুমেন্টেশন স্ট্যান্ডার্ডে কাজ করেছেন। আপনি দেখুন, বিজ্ঞানীদের নিবন্ধ আকারে বৈজ্ঞানিক কাগজপত্র প্রকাশ করা এবং নিবন্ধের শেষে ব্যবহৃত সাহিত্যের তালিকা নির্দেশ করার প্রথা রয়েছে। অন্য কথায়, বৈজ্ঞানিক জ্ঞান একে অপরের সাথে লিঙ্ক সহ নিবন্ধগুলির একটি তালিকা।

Java webinar

যাইহোক, আধুনিক উইকিপিডিয়া খুব সাদৃশ্যপূর্ণ যেভাবে এর নির্মাতা ওয়ার্ল্ড ওয়াইড ওয়েব দেখেছেন : একে অপরের সাথে লিঙ্ক সহ বৈজ্ঞানিক নিবন্ধ, ব্যবহৃত উত্স এবং সাহিত্যের একটি তালিকা। এবং যদি টিম ভাগ্যবান হয়, তাহলে ওয়েব এখনও এই মত হবে. কিন্তু একটি উজ্জ্বল ভবিষ্যতের পথে, পৃথিবী কোথাও একটি ভুল মোড় নিয়েছে :)

ওয়েব তিনটি প্রযুক্তির উপর ভিত্তি করে:

  • HTML-page, যাতে টেক্সট, ছবি এবং অন্যের লিঙ্ক থাকেHTML-pages.
  • • একটি ব্রাউজার যা HTML-pageসবচেয়ে মানব-বান্ধব উপায়ে প্রদর্শন করে।
  • • প্রোটোকল http- ব্রাউজার এবং একে অপরের সাথে যোগাযোগ করার জন্য ওয়েব সার্ভারের জন্য একটি মানক।

টিম বার্নার্স-লি এই জিনিসগুলিকে এত বেশি উদ্ভাবন করেননি যতটা তিনি সেগুলিকে প্রমিত করেছেন। HTML- স্ট্যান্ডার্ডের ভিত্তিতে তৈরি করা হয়েছিল SGML। সেখান থেকে ট্যাগগুলোও ধার করা হয়েছে। কিন্তু টিম নামের বিশ্বের প্রথম ওয়েব ব্রাউজারটি WorldWideWebনিজেই লিখেছিলেন এবং 1990 সালে।

1.2 HTML একটি প্রোগ্রামিং ভাষা নয়

HTMLএটি একটি প্রোগ্রামিং ভাষা নয় এবং কখনও হয়নি। এটা কখনোই বলবেন না। এমনকি আপনি একটি জীবনবৃত্তান্ত লিখলেও, HTMLপ্রোগ্রামিং ভাষার বিভাগে কখনই নির্দেশ করবেন না, শুধুমাত্র টুলস (প্রযুক্তি) বিভাগে। আপনার জীবনবৃত্তান্তে লিখতে হবে যে আপনি একটি প্রোগ্রামিং ভাষা জানেন HTML। কেন?

এবং জিনিসটি হল HTMLএটি নথিগুলির জন্য একটি মার্কআপ ভাষা। যদি আমরা এটিকে খুব সরলীকরণ করি, তবে HTML-documentএটি একটি পাঠ্য (ডকুমেন্ট) যার মধ্যে ছবি, টেবিল, লিঙ্ক ইত্যাদি সন্নিবেশিত করা হয়।

ধরা যাক আপনি একটি নিবন্ধ লিখতে চান যা করবে:

  • নিবন্ধের শিরোনাম (শিরোনাম)।
  • নিবন্ধটি নিজেই, একটি অনুচ্ছেদ নিয়ে গঠিত।
  • ছবি।
  • কয়েকটি গুরুত্বপূর্ণ বিবৃতি আপনি বোল্ডে রাখতে চান।
  • নিবন্ধের মাঝখানে, কিছু দরকারী তথ্যের একটি লিঙ্ক প্রদান করুন।

এই নথিটি ব্রাউজারে দেখতে কেমন হবে তা এখানে:

গার্হস্থ্য বিড়াল

বৈজ্ঞানিক শ্রেণীবিন্যাসের দৃষ্টিকোণ থেকে, গৃহপালিত বিড়াল হল মাংসাশী গোষ্ঠীর বিড়াল পরিবারের একটি স্তন্যপায়ী প্রাণী। প্রায়শই, একটি গৃহপালিত বিড়ালকে বন বিড়ালের একটি উপ-প্রজাতি হিসাবে বিবেচনা করা হয়, তবে, আধুনিক জৈবিক শ্রেণীবিন্যাস (2017) এর দৃষ্টিকোণ থেকে, গৃহপালিত বিড়াল একটি পৃথক জৈবিক প্রজাতি ।

বেশ ভাল, তাই না? এবং মান HTMLআপনাকে এই নথিটিকে মানুষ এবং কম্পিউটার উভয়ের জন্যই পাঠযোগ্য করে তুলতে দেয়৷ এটি দেখতে কেমন তা এখানে HTML-standard:

<h1> গৃহপালিত বিড়াল </h1>

বৈজ্ঞানিক শ্রেণীবিন্যাস-এর দৃষ্টিকোণ থেকে, গৃহপালিত বিড়াল হল <a href="/”> একটি স্তন্যপায়ী </a> মাংসাশী শ্রেণীবিভাগের বিড়াল পরিবারের। প্রায়শই, একটি গৃহপালিত বিড়ালকে বন বিড়ালের একটি উপ-প্রজাতি হিসাবে বিবেচনা করা হয়, তবে, আধুনিক জৈবিক শ্রেণীবিন্যাস (2017) এর দৃষ্টিকোণ থেকে, গৃহপালিত বিড়াল <b> একটি পৃথক জৈবিক প্রজাতি </b> ।

<img src="cat.jpg">

নিবন্ধটির পাঠ্যে বিশেষ ট্যাগ যুক্ত করা হয়েছে ( লাল রঙে হাইলাইট করা হয়েছে ), যা একজন ব্যক্তি এবং একটি কম্পিউটার (ব্রাউজার) উভয়ই বুঝতে পারে। ব্রাউজারটি পাঠকের জন্য নিবন্ধটি সুন্দরভাবে প্রদর্শন করতে পারে এবং নিবন্ধের লেখক সহজেই এটি সম্পাদনা করতে পারেন।

1.3 HTTP প্রোটোকলের উত্থান

সংক্ষিপ্ত রূপটি HTMLহাইপারটেক্সট Hyper Text Markup Languageডকুমেন্ট মার্কআপ ল্যাঙ্গুয়েজ। হাইপারটেক্সট হল একটি ডকুমেন্ট যা একে অপরের সাথে সংযুক্ত পৃষ্ঠাগুলি নিয়ে গঠিত। এটা কি http?

HTTPHyper Text Transfer Protocolহাইপারটেক্সট ট্রান্সফার প্রোটোকল (স্ট্যান্ডার্ড) এর জন্য দাঁড়িয়েছে । httpঅথবা httpsআপনি যদি খোলা পৃষ্ঠায় লিঙ্কটি অনুলিপি করার চেষ্টা করেন তবে আপনি ব্রাউজারের ঠিকানা বারে দেখতে পারেন।

একটি সাধারণ পৃষ্ঠা লিঙ্ক এই মত দেখায়:

http://google.com/logo.jpg

লিঙ্কের একেবারে শুরুতে প্রোটোকলের নাম, তারপরে একটি কোলন এবং দুটি ফরোয়ার্ড স্ল্যাশ রয়েছে। টিম বার্নেস-লি একবার তার এক সাক্ষাত্কারে বলেছিলেন যে তিনি যদি জানতেন যে প্রোটোকলটি httpএত জনপ্রিয় হবে তবে তিনি আরও সংক্ষিপ্ত কিছু নিয়ে আসতেন। (সর্বশেষে, বিশ্বের প্রায় সমস্ত লিঙ্ক শব্দ দিয়ে শুরু হয় http://বা https://)

ব্রাউজারে ফিরে আসা যাক। যখন একটি ব্রাউজার অনুরোধ করে html-page, তখন এটি সার্ভারে একটি পাঠ্য ফাইল (অনুরোধ) পাঠায় এবং বিনিময়ে অন্য একটি পাঠ্য ফাইল (প্রতিক্রিয়া) পায়। অপারেশন এই মোড ক্লায়েন্ট সার্ভার বলা হয়.

প্রথমে, মূল তথ্য সহ লাইন আছে, তারপর পরিষেবা তথ্য সহ। পাঠ্য প্রশ্নের প্রথম লাইনটি টেমপ্লেট দ্বারা দেওয়া হয়েছে:

MethodURI  HTTP/Version

CodeGym ব্যবহারকারীর ব্যক্তিগত পৃষ্ঠার লিঙ্কটি দেওয়া আছে

https://codegym.cc/me

http-requestএটির জন্য ব্রাউজার এই মত দেখায়:

GET /me  HTTP/1.0
Host: codegym.cc

প্রতিক্রিয়া হিসাবে, সার্ভার সম্ভবত পাঠাবে

HTTP/1.0 200 OK
<html>page text...

প্রতিক্রিয়া পাঠ্যের প্রথম লাইনটি হল http প্রোটোকল সংস্করণ এবং প্রতিক্রিয়া স্থিতি (200, ঠিক আছে) । তারপরে একটি খালি লাইন আসে এবং তারপরে কেবলমাত্র পাঠ্য আকারে html-pageব্রাউজারটি অনুরোধ করেছিল এমনটি আসে। সবকিছু খুব সহজ :)