এইচটিএমএল -HTML এর পূর্নরূপঃ হাইপার টেক্সট মার্কআপ ল্যাংগুয়েজ(Hypertext Markup Language)।
বর্তমানে একজন অতি সাধারণ মানুষেরও একটি নিজস্ব ওয়েব সাইট থাকে।
এইচটিএমএল এর মাধ্যমে আপনি আপনার এই নিজস্ব ওয়েবসাইট ডিজাইন তথা তৈরি করতে পারবেন।
আমাদের এই এইচটিএমএল টিউটোরিয়ালটি আমরা খুবই সহজভাবে উপস্থাপন করেছি যেন আপনিও খুব সহজেই পুরো এইচটিএমএল শিখতে পারেন এবং নিজের ওয়েবসাইটটি ডিজাইন করতে কোন ডেভেলপার ভাড়া না করে নিজেই করতে পারেন।
এইচটিএমএল শেখা খুবই সহজ এবং আশা করি আপনি আমাদের এই টিউটোরিয়ালটি উপভোগ করবেন।
এইচটিএমএল টিউটোরিয়ালটির প্রতিটি পরিচ্ছেদে আছে অসংখ্য উদাহরণ সেকশন। আপনি উদাহরণ সেকশনে মাউস নিয়ে গেলে উপরের কোণায় কোড
copyকরার একটি অপশন দেখতে পাবেন।copyঅপশনে মাউস ক্লিক করলে ক্লিপবোর্ডে কোড কপি হবে।আপনি আপনার এডিটর ওপেন করে copy করা কোড paste করতে পারবেন। এছাড়া উদাহরণ সেকশনের নিচে উদাহরণের ফলাফলও দেখানো হয়েছে।
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
</head>
<body>
<h1>এটি একটি হেডিং</h1>
<p>এটি একটি প্যারাগ্রাফ।</p>
</body>
</html>| ভার্সন | সন |
|---|---|
| এইচটিএমএল | ১৯৯১ |
| এইচটিএমএল(২.০) | ১৯৯৫ |
| এইচটিএমএল(৩.২) | ১৯৯৭ |
| এইচটিএমএল(৪.০১) | ১৯৯৯ |
| এক্সএইচটিএমএল | ২০০০ |
| এইচটিএমএল(৫) | ২০১৪ |
ওয়েব ডকুমেন্টকে বর্ণনা করার জন্য এইচটিএমএল হলো একটি মার্কআপ ল্যাঙ্গুয়েজ।
নিচে একটি এইচটিএমএল পেজের গঠন দেখানো হলোঃ
<html>
<head>
</head>
<body>
</body>
</html>
শুধুমাত্র <body> সেকশনের কন্টেন্ট ব্রাউজারে প্রদর্শিত হয়।
<!DOCTYPE html>
<html>
<head>
<title>পেজ টাইটেল</title>
</head>
<body>
<h3>স্যাট একাডেমী</h3>
<img src="../images/satt.png" alt="SATT Academy" height="142" width="142">
</body>
</html>উপরের উদাহরণের বিস্তারিত বর্ণনাঃ
<!DOCTYPE html> ডিক্লেয়ার করা হয়। এটি এইচটিএমএল এর সর্বশেষ ভার্সন HTML5 কে নির্দেশ করে।<html> এবং </html> ট্যাগের মাঝের কন্টেন্টগুলো এইচটিএমএল ডকুমেন্টকে বর্ণনা করে।<head> এবং </head> ট্যাগের মাঝের কন্টেন্টগুলো এইচটিএমএল ডকুমেন্টের জন্য অতিরিক্ত তথ্য সরবরাহ করে।<title> এবং </title> ট্যাগের মাঝের টেক্সট ডকুমেন্টের টাইটেল/নাম সেট করে।<body> এবং </body> ট্যাগের মাঝের কন্টেন্টগুলো ওয়েব পেজে প্রদর্শিত হয়।<h3> এবং </h3> ট্যাগ ডকুমেন্টের একটি হেডিং/শিরোনাম তৈরি করে। হেডিং ট্যাগ কন্টেন্ট এর গুরুত্ব আরোপ করে।<img> ট্যাগ এর মাধ্যমে ব্রাউজারে বিভিন্ন টাইপের ইমেজ/চিত্র প্রদর্শিত হয়।<p> এবং </p>।<!DOCTYPE> ডিক্লেয়ারেশন ডকুমেন্টের টাইপ সেট করে এবং একটি ওয়েব পেজকে সঠিকভাবে ব্রাউজারে দেখাতে সাহায্য করে।<!DOCTYPE html>
<!doctype HTML>এইচটিএমএলের বিভিন্ন ভার্সনে <!DOCTYPE> ডিক্লেয়ারেশনঃ
<!DOCTYPE html><!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!DOCTYPE> ডিক্লেয়ারেশনের ভিন্নতা সম্পর্কে জেনেছিস্যাট একাডেমীর এইচটিএমএল রেফারেন্সে আপনি ট্যাগ(tag), এট্রিবিউট(attribute), ইভেন্ট(event), কালারের নাম(color name), এন্টিটি(entity), অক্ষরসেট(character-sets), ইউআরএল এনকোডিং(URL encoding), ভাষা কোড(language codes), এইচটিটিপি মেসেজ(HTTP message) ইত্যাদির সম্পূর্ণ রেফেরেন্স পাবেন।
এইচটিএমএল -HTML এর পূর্নরূপঃ হাইপার টেক্সট মার্কআপ ল্যাংগুয়েজ(Hypertext Markup Language)।
বর্তমানে একজন অতি সাধারণ মানুষেরও একটি নিজস্ব ওয়েব সাইট থাকে।
এইচটিএমএল এর মাধ্যমে আপনি আপনার এই নিজস্ব ওয়েবসাইট ডিজাইন তথা তৈরি করতে পারবেন।
আমাদের এই এইচটিএমএল টিউটোরিয়ালটি আমরা খুবই সহজভাবে উপস্থাপন করেছি যেন আপনিও খুব সহজেই পুরো এইচটিএমএল শিখতে পারেন এবং নিজের ওয়েবসাইটটি ডিজাইন করতে কোন ডেভেলপার ভাড়া না করে নিজেই করতে পারেন।
এইচটিএমএল শেখা খুবই সহজ এবং আশা করি আপনি আমাদের এই টিউটোরিয়ালটি উপভোগ করবেন।
এইচটিএমএল টিউটোরিয়ালটির প্রতিটি পরিচ্ছেদে আছে অসংখ্য উদাহরণ সেকশন। আপনি উদাহরণ সেকশনে মাউস নিয়ে গেলে উপরের কোণায় কোড
copyকরার একটি অপশন দেখতে পাবেন।copyঅপশনে মাউস ক্লিক করলে ক্লিপবোর্ডে কোড কপি হবে।আপনি আপনার এডিটর ওপেন করে copy করা কোড paste করতে পারবেন। এছাড়া উদাহরণ সেকশনের নিচে উদাহরণের ফলাফলও দেখানো হয়েছে।
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
</head>
<body>
<h1>এটি একটি হেডিং</h1>
<p>এটি একটি প্যারাগ্রাফ।</p>
</body>
</html>| ভার্সন | সন |
|---|---|
| এইচটিএমএল | ১৯৯১ |
| এইচটিএমএল(২.০) | ১৯৯৫ |
| এইচটিএমএল(৩.২) | ১৯৯৭ |
| এইচটিএমএল(৪.০১) | ১৯৯৯ |
| এক্সএইচটিএমএল | ২০০০ |
| এইচটিএমএল(৫) | ২০১৪ |
ওয়েব ডকুমেন্টকে বর্ণনা করার জন্য এইচটিএমএল হলো একটি মার্কআপ ল্যাঙ্গুয়েজ।
নিচে একটি এইচটিএমএল পেজের গঠন দেখানো হলোঃ
<html>
<head>
</head>
<body>
</body>
</html>
শুধুমাত্র <body> সেকশনের কন্টেন্ট ব্রাউজারে প্রদর্শিত হয়।
<!DOCTYPE html>
<html>
<head>
<title>পেজ টাইটেল</title>
</head>
<body>
<h3>স্যাট একাডেমী</h3>
<img src="../images/satt.png" alt="SATT Academy" height="142" width="142">
</body>
</html>উপরের উদাহরণের বিস্তারিত বর্ণনাঃ
<!DOCTYPE html> ডিক্লেয়ার করা হয়। এটি এইচটিএমএল এর সর্বশেষ ভার্সন HTML5 কে নির্দেশ করে।<html> এবং </html> ট্যাগের মাঝের কন্টেন্টগুলো এইচটিএমএল ডকুমেন্টকে বর্ণনা করে।<head> এবং </head> ট্যাগের মাঝের কন্টেন্টগুলো এইচটিএমএল ডকুমেন্টের জন্য অতিরিক্ত তথ্য সরবরাহ করে।<title> এবং </title> ট্যাগের মাঝের টেক্সট ডকুমেন্টের টাইটেল/নাম সেট করে।<body> এবং </body> ট্যাগের মাঝের কন্টেন্টগুলো ওয়েব পেজে প্রদর্শিত হয়।<h3> এবং </h3> ট্যাগ ডকুমেন্টের একটি হেডিং/শিরোনাম তৈরি করে। হেডিং ট্যাগ কন্টেন্ট এর গুরুত্ব আরোপ করে।<img> ট্যাগ এর মাধ্যমে ব্রাউজারে বিভিন্ন টাইপের ইমেজ/চিত্র প্রদর্শিত হয়।<p> এবং </p>।<!DOCTYPE> ডিক্লেয়ারেশন ডকুমেন্টের টাইপ সেট করে এবং একটি ওয়েব পেজকে সঠিকভাবে ব্রাউজারে দেখাতে সাহায্য করে।<!DOCTYPE html>
<!doctype HTML>এইচটিএমএলের বিভিন্ন ভার্সনে <!DOCTYPE> ডিক্লেয়ারেশনঃ
<!DOCTYPE html><!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!DOCTYPE> ডিক্লেয়ারেশনের ভিন্নতা সম্পর্কে জেনেছিস্যাট একাডেমীর এইচটিএমএল রেফারেন্সে আপনি ট্যাগ(tag), এট্রিবিউট(attribute), ইভেন্ট(event), কালারের নাম(color name), এন্টিটি(entity), অক্ষরসেট(character-sets), ইউআরএল এনকোডিং(URL encoding), ভাষা কোড(language codes), এইচটিটিপি মেসেজ(HTTP message) ইত্যাদির সম্পূর্ণ রেফেরেন্স পাবেন।
or
আপনি আমাকে যেকোনো প্রশ্ন করতে পারেন, যেমনঃ
Are you sure to start over?
