HTML CODE - CLASS 01: Html Doctype Declaration: Html Basic Code.
সম্মানিত বন্ধুগন! টিসি-টেক বিডিতে আপনাকে স্বাগতম। আজকে আমরা এইচটি এম এল (HTML) এর DOCTYPE সম্পর্কে অবগত হব। এবং এটি কিভাবে কাজ করে তা শিখবো। তো চলুন সর্ব প্রথম আমরা জেনে-নি যে, DOCTYPE কী?
DOCTYPE হচ্ছে ডকোমেন্ট টাইপ অর্থাৎ ডকোমেন্টি কোন টাইপের ব্রাউজার কে তা বুঝানোর জন্য ব্যাবহার করা হয়। এর কোন end বা closeing বা শেষ ট্যাগ নেই এটি সিংগল ট্যাগ।
<!DOCTYPE html> ডিকলারেশনটি সংজ্ঞায়িত করে যে এই document টি একটি HTML5 এর document
<html> 👈 এই ট্যাগটি বা এলিমেন্টি হল একটি HTML পৃষ্ঠার মূল উপাদান এলিমেন্ট।
<head> 👈 এই ট্যাগটিতে বা এলিমেন্টিতে HTML পৃষ্ঠা সম্পর্কে মেটা তথ্য রয়েছে।
<title> 👈 এই ট্যাগটির বা এলিমেন্টির ভিতরে HTML পৃষ্ঠার জন্য একটি টাইটেল নির্দিষ্ট করে (যা ব্রাউজারের টাইটেল বারে বা পৃষ্ঠার ট্যাবে দেখানো হয়)
<body> 👈 উপাদানটি ডকোমেন্টের মূল অংশকে ধারন করে এবং এটি সমস্ত দৃশ্যমান বিষয়বস্তুর জন্য একটি ধারক, অর্থাৎ এই ট্যাগের ভিতরে একটি ওয়েক পেইজের মূল অংশগুলো থাকে যেমন হ্যাডিং, প্যারাগ্রাফ, ফটো, হাইপারলিঙ্ক, টেবিল, তালিকা ইত্যাদি।
<h1> 👈 এই উপাদানটি কোন লেখাকে একটি বড় হ্যাডিং হিসাবে সংজ্ঞায়িত করার জন্য ব্যাবহার করা হয়। এরকম ভাবে আরো ৫টি হ্যাড ট্যাগ আছে। যেমন: h2 - h3- h4- h5-h6 আমরা কোন লেখাকে যদি হ্যাডিং ওয়ান হিসেবে ব্যাবহার করতে চাই তাহলে <h1> হ্যাডিং ওয়ান এখানে হবে </h1> 👈
<p> 👈 এই ট্যাগটি কোন লেখাকে প্যারাগ্রাফ হিসেবে সংজ্ঞায়িত করার জন্য ব্যাবহৃত হয়। অর্থাৎ প্যারাগ্রাফ এই <p> 👈 ট্যাগটির ভিতরে লিখবো। যেমন নিচে একটি ডকটাফি কোড লেখা হল।
|
HTML Doctype declaration Code |
||
|
|
<!DOCTYPE html> <html lang="en-US"> <head> <meta
charset="UTF-8"> <title>Tc-Computer</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html> |
|
উপরোল্লেখিত কোডগুলো যদি নোটপেইড-প্লাস প্লাসে (NotePaid++) লেখে বা কপি করে পেস্ট করে “ডট এইচটি এম এল” (.html) এক্সটেনশনে সেভ করে ক্রম ব্রাউজারে অফেন করেন তাহলে নিচের লেখাগুলো প্রদর্শিত হবে।
This is a Heading (এটা হ্যাডিং ওয়ান হিসেবে বড় হয়ে আসবে)
This is a paragraph ( এটা প্যারাগ্রাফ হিসেবে আসবে।)
এইচটিএমএল এর কোন ভার্সন ব্যবহার করবেন সেটার উপর ভিত্তি করেই এই ডিক্লেয়ারেশনটি দিতে হয়। যেমন উপরের ডকুমেন্ট টি এইচটিএমএল ফাইভ ৫ এর একটি ডকুমেন্ট । এরুপ যদি এটা XHTML এর ১.০ ভার্সন হতো তাহলে ডিক্লেয়ারেশনটি দিতে হতো এভাবে 👇
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
এটা হচ্ছে ট্রানজিশনাল অর্থ্যাৎ এইচটিএমএল এর সকল কিছু এই্ ডকুমেন্টে লেখা যাবে সাথে সাথে deprecated এলিমেন্টগুলিও ব্যবহার করা যাবে যেমন font। ফ্রেমসেট ব্যবহার করা যাবেনা।
যাইহোক এভাবে "xhtml1-transitional.dtd" এর জায়গায় "xhtml1-strict.dtd" দিলে deprecated এলিমেন্টগুলি ব্যবহার করা যাবেনা।
* এখন HTML5 আসার পর এগুলি আর সাধারনত ব্যবহার করেনা। HTML 5 এর ডিক্লেয়ারেশনই বেশি দেয়া হয়। বর্তমানে এটিই আপডেট চলে 👉 <!DOCTYPE html>
Html Doctype Declaration: Html Basic Code. পর্বটি আজকের জন্য এখানে শেষ করলাম পরবর্তি ক্লাশের প্রত্যাশায় থাকবেন, এ আশা ব্যাক্ত করে সমাপ্ত করলাম।
