এইচ.টি.এম.এল হল ওয়েব পেজ তৈরির জন্য আদর্শ মার্কআপ ভাষা।
এইচটিএমএল কি?
- এইচ.টি.এম.এল মানে হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ
- এইচ.টি.এম.এল হল ওয়েব পেজ তৈরির জন্য আদর্শ মার্কআপ ভাষা
- এইচ.টি.এম.এল একটি ওয়েব পেজের গঠন বর্ণনা করে
- এইচ.টি.এম.এল উপাদানগুলির একটি সিরিজ নিয়ে গঠিত
- এইচ.টি.এম.এল উপাদানগুলি ব্রাউজারকে বলে যে কীভাবে সামগ্রী প্রদর্শন করতে হয়
- এইচ.টি.এম.এল উপাদানগুলি সামগ্রীর অংশগুলিকে লেবেল করে যেমন “এটি একটি শিরোনাম”, “এটি একটি অনুচ্ছেদ”, “এটি একটি লিঙ্ক” ইত্যাদি।
একটি সাধারণ এইচ.টি.এম.এল নথি
উদাহরণ
উদাহরণ ব্যাখ্যা করা হয়েছে
- ঘোষণাটি সংজ্ঞায়িত করে যে এই
<!DOCTYPE html>নথিটি একটি এইচ.টি.এম.এল ৫ নথি৷ <html>উপাদানটি একটি এইচ.টি.এম.এল পৃষ্ঠার মূল উপাদান- উপাদানটিতে
<head>এইচ.টি.এম.এল পৃষ্ঠা সম্পর্কে মেটা তথ্য রয়েছে - উপাদানটি
<title>এইচ.টি.এম.এল পৃষ্ঠার জন্য একটি শিরোনাম নির্দিষ্ট করে (যা ব্রাউজারের শিরোনাম বারে বা পৃষ্ঠার ট্যাবে দেখানো হয়) - উপাদানটি নথির মূল
<body>অংশকে সংজ্ঞায়িত করে এবং এটি সমস্ত দৃশ্যমান বিষয়বস্তুর জন্য একটি ধারক, যেমন শিরোনাম, অনুচ্ছেদ, চিত্র, হাইপারলিঙ্ক, টেবিল, তালিকা ইত্যাদি। - উপাদানটি
<h1>একটি বড় শিরোনাম সংজ্ঞায়িত করে - উপাদানটি
<p>একটি অনুচ্ছেদ সংজ্ঞায়িত করে
একটি এইচ.টি.এম.এল উপাদান কি?
একটি এইচ.টি.এম.এল উপাদান একটি স্টার্ট ট্যাগ, কিছু বিষয়বস্তু এবং একটি শেষ ট্যাগ দ্বারা সংজ্ঞায়িত করা হয়:
< tagname > বিষয়বস্তু এখানে যায়… < /tagname >
এইচ.টি.এম.এল উপাদান হল শুরু ট্যাগ থেকে শেষ ট্যাগ পর্যন্ত সবকিছু:
< h1 > আমার প্রথম শিরোনাম < /h1 >
< p > আমার প্রথম অনুচ্ছেদ। < /p >
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
দ্রষ্টব্য: কিছু এইচ.টি.এম.এল উপাদানের কোনো বিষয়বস্তু নেই (যেমন <br> উপাদান)। এই উপাদানগুলিকে খালি উপাদান বলা হয়। খালি উপাদানের একটি শেষ ট্যাগ নেই!
ওয়েব ব্রাউজার
একটি ওয়েব ব্রাউজার (Chrome, Edge, Firefox, Safari) এর উদ্দেশ্য হল এইচ.টি.এম.এল ডকুমেন্ট পড়া এবং সঠিকভাবে প্রদর্শন করা।
একটি ব্রাউজার এইচ.টি.এম.এল ট্যাগগুলি প্রদর্শন করে না, তবে নথিটি কীভাবে প্রদর্শন করতে হয় তা নির্ধারণ করতে সেগুলি ব্যবহার করে:
এইচটিএমএল পেজ স্ট্রাকচার
নীচে একটি এইচ.টি.এম.এল পৃষ্ঠার কাঠামোর একটি ভিজ্যুয়ালাইজেশন রয়েছে:
<html>
<মাথা>
<title>পৃষ্ঠার শিরোনাম</title>
</head>
<body>
<h1>এটি একটি শিরোনাম</h1>
<p>এটি একটি অনুচ্ছেদ।</p>
<p>এটি আরেকটি অনুচ্ছেদ।</p>
</body>
</html>
দ্রষ্টব্য: <body> বিভাগের ভিতরের বিষয়বস্তু (উপরের সাদা এলাকা) ব্রাউজারে প্রদর্শিত হবে। <title> উপাদানের ভিতরের বিষয়বস্তু ব্রাউজারের শিরোনাম বারে বা পৃষ্ঠার ট্যাবে দেখানো হবে।
এইচটিএমএল ইতিহাস
ওয়ার্ল্ড ওয়াইড ওয়েবের প্রথম দিন থেকে, এইচটিএমএল-এর অনেক সংস্করণ রয়েছে:
| Year | Version |
|---|---|
| 1989 | Tim Berners-Lee invented www |
| 1991 | Tim Berners-Lee invented HTML |
| 1993 | Dave Raggett drafted HTML+ |
| 1995 | HTML Working Group defined HTML 2.0 |
| 1997 | W3C Recommendation: HTML 3.2 |
| 1999 | W3C Recommendation: HTML 4.01 |
| 2000 | W3C Recommendation: XHTML 1.0 |
| 2008 | WHATWG HTML5 First Public Draft |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C Recommendation: HTML5 |
| 2016 | W3C Candidate Recommendation: HTML 5.1 |
| 2017 | W3C Recommendation: HTML5.1 2nd Edition |
| 2017 | W3C Recommendation: HTML5.2 |
এই টিউটোরিয়ালটি সর্বশেষ এইচ.টি.এম.এল ৫ মান অনুসরণ করে।
সুত্রঃ w3schools