এইচটিএমএল (HTML) কী? এর কাজ কী? 2022

 

আসসালামু আলাইকুম। আশা করি ভালই আছেন। আজ আমি ওয়েবসাইট? ডাইনামিক আর স্ট্যাটিক ওয়েবসাইট এর পার্থক্য কি? এইচটিএমএল (HTML) কী? এর কাজ কী? এইচটিএমএল 4 এবং এইচটিএমএল 5 এর মধ্যে পার্থক্য? Https কি ? HTML ট্যাগ কি? html এট্রিবিউট কি? এই প্রশ্নোগুলোর উত্তর দেয়ার চেষ্টা করব। পড়ুন। জ্ঞান অর্জন করুন। আমার ইউটিউব চ্যানেল লিঙ্ক সাবস্ক্রাইব করুন। ইসলাম সম্পর্কে জানুন।

ওয়েবসাইট (Website) কি?

সাধারনত, ওয়েবসাইট হলো কোন নির্দিষ্ট ওয়েব সার্ভারে রাখা বিভিন্ন ধরনের ওয়েব পৃষ্ঠা, আপলোড কৃত ছবি, অডিও, ভিডিও ও অন্যান্য বিষয় যেমনঃ Infographic, GIP, Animation ইত্যাদি ডিজিটাল তথ্যের সমষ্টিকে বোঝায়, যা আমরা ইন্টারনেট ব্যবহার করে কম্পিউটার, স্মার্টফোন বা অন্যন্য স্মার্ট ডিভাইসের এর মাধ্যমে এক্সেস করে দেখতে পারি। 



ডাইনামিক আর স্ট্যাটিক ওয়েবসাইট এর পার্থক্য

ডাইনামিক ওয়েবসাইট 

স্ট্যাটিক ওয়েবসাইট 

ডাইনামিক ওয়েবসাইট এর কনটেন্ট সমূহ ডাইনামিক।

স্ট্যাটিক ওয়েবসাইট এর কনটেন্ট সমূহ স্ট্যাটিক।

ডাইনামিক ওয়েবসাইটে কনটেন্ট চেঞ্জ করা সহজ।

ডাইনামিক ওয়েবসাইটে কনটেন্ট চেঞ্জ করা কঠিন।

ডাইনামিক ওয়েবসাইটে তৈরি করতে HTML, CSS, JS, Bootstrap এর পাশাপাশি প্রোগ্রামিং ল্যঙ্গুয়েজের এবং ডেটাবেজ লাগে।

স্ট্যাটিক ওয়েবসাইটে তৈরি করতে শুধু HTML, CSS, JS, Bootstrap ব্যবহার যথেষ্ট।

ডাইনামিক ওয়েবসাইট তৈরি করতে খরচ বেশি হয়। 

স্ট্যাটিক ওয়েবসাইট তৈরি করতে খরচ কম হয়। 

ডাইনামিক ওয়েবসাইট হোস্ট করতে খরচ বেশি লাগে, কেননা এটা জায়গা + ব্যান্ডউইথ বেশি নিয়ে থাকে।

স্ট্যাটিক ওয়েবসাইট হোস্ট করতে খরচ কম লাগে, কেননা এটা জায়গা + ব্যান্ডউইথ কম নিয়ে থাকে।

ডাইনামিক ওয়েবসাইট মেইনটেইন করা সহজ।

স্ট্যাটিক ওয়েবসাইট মেইনটেইন ব্যবহার করা কঠিন। 

ডাইনামিক ওয়েবসাইটে কনটেন্ট সমূহ চেঞ্জ করা সহজ।

স্ট্যাটিক ওয়েবসাইটে কনটেন্ট সমূহ চেঞ্জ করা কঠিন।

ডাইনামিক ওয়েবসাইট বহুল ব্যবহৃত ।

স্ট্যাটিক ওয়েবসাইট কম ব্যবহৃত।

ডাইনামিক ওয়েবসাইট ইউজার ফ্রেন্ডলি।

স্ট্যাটিক ওয়েবসাইট ডাইনামিক ওয়েবসাইটের তুলনায় অপেক্ষাকৃত কম ইউজার ফ্রেন্ডলি।

উদাহরন - বিভিন্ন সিএমএস দিয়ে বানানো ওয়েবসাইট। 

উদাহরন - বিভিন্ন স্ট্যাটিক টেমপ্লেট ।



এইচটিএমএল (HTML) কী? এর কাজ কী?



HTML এর পূর্ণ অর্থ - Hyper Text Markup Language। যেখানে -

Hyper Text এর অর্থ হলো যা ব্যবহৃত হয় ইন্টারনেটের HTTP অংশ হিসেবে।

Markup এর অর্থ হলো কিওয়ার্ডের সাহায্যে যে কোড লেখা হয় তার ব্যাখ্যা বোঝাতে।

Language এর অর্থ হলো এ ভাষার সাহায্যে লিখিত ডকুমেন্ট মানুষ ও কম্পিউটার উভয়ই পড়তে পারে। HTML ভাষায় লিখিত ডকুমেন্টকে ওয়েবপেজ বলা হয়ে থাকে।


আরও পড়ুনঃ টেলিগ্রাম থেকে ইনকাম করুন 5 টি উপায়ে



এইচটিএমএল 4 এবং এইচটিএমএল 5 এর মধ্যে পার্থক্য


ত্রুটি হ্যান্ডলিং কোডেড এবং এইচটিএমএল 5 এ পুরোপুরি নতুন করে আবিষ্কৃত হয়েছে। এটি ব্রাউজার ডেভেলপারদেরকে মানসম্মতকরণ ও সময় কমিয়েও একই সাথে জিনিসগুলিকে নিয়মিতভাবে প্রদর্শন করতে সহায়তা করে। ওয়েব পৃষ্ঠা এটি এইচটিএমএল 4 এ সম্ভব নয়।

• এইচটিএমএল 5 জাভাস্ক্রিপ্ট, CSS এবং এইচটিএমএল এর সাহায্যে ব্রাউজারকে আরও একটি অ্যাপ্লিকেশন প্ল্যাটফর্মে পরিণত করেছে। এইচটিএমএল 4 থেকে অনেকগুলি উপাদানের সরাসরি যোগ করা হয়েছে যেমন, এবং।

• এইচটিএমএল 5 এ নতুন উপাদানগুলি যেমন, ইত্যাদি যা আগের সংস্করণে উপস্থিত ছিল না। এই পৃষ্ঠাগুলি আরও শব্দার্থিক এবং পাশাপাশি পড়া সহজ করে তোলে।

Https কি (What is Https in bengali)

https এর পূর্ণরূপ হল Typertext Transfer Protocol Security (হাইপারটেক্সট ট্রান্সফার প্রোটোকল সিকিউরিটি) http এর নিরাপদ সংস্করণ হলো https । এইচটিটিপিএস ওয়েবসাইটের মধ্যে ডাটা ট্রান্সফারে নিরাপত্তা বাড়ানোর জন্য encrypted করে। এর ফলে ক্লায়েন্ট ও সার্ভার এর মধ্যে কোন ব্যাক্তি  ডেটা পড়তে পারে না।  বিশেষ করে ব্যাংক একাউন্ট ইমেইল আরো গুরুত্বপূর্ণ তথ্য secure করে https। https প্রটোকল একটি উন্নত SSL (secure sockets layer) সার্টিফিকেট ব্যবহার করে browser এবং servar এর মধ্যে একটি encrypted ফর্মে তথ্য ট্রানস্ফার করে।

HTML ট্যাগ কি?


HTML এ প্রোগ্রাম লেখার জন্য  <>  এবং </> দুইটা চিহ্ন এবং এর মধ্যে কিছু Word যেমন html, head, title, body  ইত্যাদি  Keyword  ব্যবহার করা হয়। <> বা </> চিহ্ন এবং এর মাঝে লেখা একটি Keyword কে একত্রে ট্যাগ বলা হয়। যেমন <html>  এবং </html> । <body> হল body শুরু ট্যাগ এবং </ body> হল body শেষ ট্যাগ।


ডাবল ট্যাগ (Double or Paired Tag)


একটি ট্যাগকে তখনই ডা্বল ট্যাগ বলা হয় যখন কোন টেক্সটকে একই নির্দেশনা সম্বলিত দুটি ট্যাগের মাঝখানে রাখা হয়। যেমন <h1> আমাদের দেশ </h1> । এখানে একই নিদের্শনা সম্বলিত দুটি ট্যাগ পরিলক্ষিত হচ্ছে কারন এর মাঝে h1  লেখা আছে। এখানে প্রথম <h1> কে ‍স্টার্টিং ট্যাগ  এবং শেষের </h1> কে  ক্লোজিং ট্যাগ বলে। এই ট্যাগ সর্বদা জোড়ায় জোড়ায় অবস্থান করে বলেই একে Double or Paired Tag বলে। উপরের Double or Paired Tag দারা ’আমাদের দেশ’ কথাটিকি বড় করে Heading আকারে ডিস্প্লে করতে ব্রাউজারকে নির্দেশ দেওয়া হচ্ছে। এ সম্পর্কে আমরা বিস্তারিত পরে জানব।

সিঙ্গেল ট্যাগ (Single or Unpaired Tag)

Unpaired Tag এর কোন Companion tag থাকেনা। এই ধরনের ট্যাগকে সিঙ্গেল ট্যাগ(Singular Tag) বা Stand Alone Tags ও বলা হয়ে থাকে।

html এট্রিবিউট কি? 

আবার attribute হচ্ছে এইচটিএমএল পেজে অতিরিক্ত তথ্য প্রদর্শনের জন্য কোন ট্যাগের বর্ধিত রুপ। অর্থাৎ html tag কে মডিফাই করে নতুন তথ্য যোগ করার উপায় হচ্ছে এই attribute. attribute এ একটি নাম ও একটি ভ্যালু থাকে এভাবে, <tag name="value"> যেমন <img src="photo.jpg"> এখানে ইমেজ প্রদর্শনের ট্যাগে ইমেজটি দেখানো জন্য অতিরিক্ত তথ্য যোগ করা হয়েছে। এখানে src ইমেজ ট্যাগকে বলছে ছবিটির উৎস কোথায়, এবং উৎস লিংক ও photo.jpg বলে দিচ্ছে ফটোটির নাম কি ও কোন ধরনের ফরম্যাটের ফটো।



সত্য প্রকাশ

My name: Mufti Rezaul Karim. I am teaching in a communal madrasah, I try to write something about Deen Islam when I have time because I have a fair amount of knowledge about online. So that people can acquire Islamic knowledge online. You can also write on this blog if you want.

Please Select Embedded Mode For Blogger Comments

নবীনতর পূর্বতন