HTML এর চেইন টিউন [পর্ব-১]

টেকটিউনস.কম.বিডি ব্লগে সবাইকে সালাম।আশা করি ভাল আছেন।আজকে দেখব কিভাবে এইচটিএমএল কোড নোটপ্যাডে লিখে সেটাকে ব্রাউজারে প্রদর্শন করা যায়।প্রথমে আপনি আপনার কম্পিউটার থেকে নোটপ্যাড ওপেন করুন।এবং নিম্নের লেখাটুকু কপি করুন অথবা টাইপ করুন আপনার নোটপ্যাডে এর পরে ফাইলে গিয়ে সেভ করুন (যেকোন নাম.html) এক্সটেনশন হিসেবে।এবার ঐ ফাইলটি যেকোন ব্রাউজারে ওপেন করুন আর ফলাফল দেখুন।

<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document……
</body>

</html>

এবার আসি দেখে নেই উপরের কোডটুকুর বিস্তারিত বর্ননা:

প্রথমেই আসি .html নামে সেভ করার কারন নিয়ে।কারো কারো মনে প্রশ্ন জাগতে পারে .html নামে সেভ না করে অন্যে কোন নামে ও তো সেভ করতে পারতাম।.html এক্সটেনশন দেয়ার কারন হচ্ছে যখন আপনি কোন ব্রাউজারে ঐ ফাইলটি ওপেন করবেন তখন ব্রাউজার .html এক্সটেনশন খুজবে যদি পায় তবে ফাইলটি ওপেন করবে,যদি না পায় তবে সেক্ষেত্রে ঐ ফাইলের তথ্যাবলি প্রদর্শন করবেনা ব্রাউজার।

  • ১. এইচটিএমএল শুরু ট্যাগ <html>এবং শেষ ট্যাগ হচ্ছে </html>।যদি আপনি এইচটিএমএল এর শুরু ট্যাগটি<html>দিলেন কিন্তু  শেষের ট্যাগটি </html>দিলেননা সেক্ষেত্রে তবে আপনার ডকুমেন্টটি কার্যকরী হবেনা।অবশ্যই এর শুরু এবং শেষ ট্যাগটি দিতে হবে।অর্থাত ব্রাউজার <html>………</html>ট্যাগের মধ্যবর্তী যে তথ্য পাবে ব্রাউজার সেই তথ্যবলী ওয়েব পেজে প্রদর্শন করবে।
  • ২. প্রোগ্রামের পরবর্তী অংশ হচ্ছে <head>।এই ট্যাগের মাধ্যমে ডকুমেন্টের তথ্যাদি যেমন (টাইটেল)রাখা যাবে।ধরা যাক আপনি আপনার তৈরিকৃত ফাইলের মধ্যে আপনার নাম,তৈরির তারিখ ইত্যাদি রাখতে  চান সেটাও পারা যাবে।আবার যদি উক্ত অংশকে ব্রাউজারে প্রদর্শন করতে না চান সেক্ষেত্রে আপনি সেটাও পারবেন।এ নিয়ে টিউন পাবেন আগামী পর্বে।এই ট্যাগটি শেষ হবে </head>দিয়ে।
  • ৩. এ পর্যায়ে অংশটি হচ্ছে <title>।এই অংশটি <head>এর ভিতরে বসছে বলে এটিকে <head>এর অংশ ও বলা যেতে পারে।আপনি টাইটেল বারে আপনার ব্লগ কিংবা সাইটের নামটি প্রদর্শন করাতে চান সেটাও পারা যাবে।তবে সেটা হবে এইধরনের

<head>
<title>আমারটিউন.কম</title>
</head>

  • ৪. প্রোগ্রামের এই অংশে থাকবে <body>।আর এই অংশে থাকবে ওয়েব পেইজের সমস্ত বা ডকুমেন্টের মুল অংশ।এখানে আপনি রাখতে পারবেন স্থির ছবি,ভিডিও,অডিও,ইত্যাদি।এই ট্যাগটি শেষ করতে হবে </body>দিয়ে।

এবার আসি নিম্নের লাইনের বিস্তারিত বর্ননা নিয়ে

<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”

  • <!DOCTYPE>
    DOCTYPE এর পুর্ণরুপ হচ্ছে DOCUMENT TYPE ।এই ট্যাগটি যে কোন এইচটিএমএল লেখার শুরুতে দেখা যায়।এই ট্যাগটি ওয়েব সার্ভারকে বলে দেয় ডকুমেন্টটি এইচটিএমএল এর কোন ভার্ষনের জন্যে উপযোগী।
  • HTML PUBLIC
    ডকুমেন্টটি এইচটিএমএল পরিবেশ উপযোগী কিনা সেটা বলে দেয়।
  • W3C
    W3C এর পূর্ণ অর্থ হচ্ছে -world wide web consortium ।এই বিষয়টি w3c দ্ধারা স্বীকৃত ও নিয়ন্ত্রিত।এর মাধ্যমে w3c এর কাছে ওয়েব পেইজ নির্মাতার দায়বদ্ধতা প্রকাশ করে ।
  • DTD
    DTD এর পূর্ণ অর্থ হচ্ছে Document Type Defination ।এক্সেএইচটিএমএল ও এইচটিএমএল এর ক্ষেত্রে লিখিত নিয়ামগুলোকে প্রকাশের জন্যে এই অংশ ব্যবহৃত হয়।এই অংশ ডকুমেন্টের সিন্টেক্স এবং গঠন প্রকৃতিও নির্দেশিত করে।
  • HTML 4.0
    HTML 4.0 দ্ধারা  এটি কোন ভার্ষন সেটা উল্লেখ করা হয়েছে।
  • EN
    EN দ্ধারা ডকুমেন্টটি English ভাষায় লিখিত সেটা বর্ননা করা হয়েছে।

আজকে এই পর্যন্ত। ভাল থাকবেন সবাই। আল্লাহাফেয

Level 0

আমি তৌফিক। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর 11 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 19 টি টিউন ও 137 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

আমার নাম -মো : তৌফিকুর রহমান,তৌফিক নামেই বেশি পরিচিত ।১৯৮৮ সালে ১ জানুয়ারি মাসে আমার জন্ম।আমি ডিপ্লোমা ইন কম্পিউটার ইঞ্জিনিয়ারিং শেষ করেছি ।বর্তমানে আমি জুমলা,ওয়ার্ডপ্রেস,পিএইচপি নিয়ে কাজ করতেছি ।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

উফস অ্যাড এর জ্বালায় আর পারিনা।লোড হচ্ছে তো হচ্ছে।

Level 0

kichudin age e ata kichuta sikhlm… kintu onk kichu e keno hoe jantm na… aj jana jabe 🙂 dhonnobad … nxt tune er opekkhae roilam

    @nischup: ধন্যবাদ @nischup ভাই।নিয়মিত টিউন করার চেষ্টা করব।ভাল থাকবেন।

যারা মজিলা ইউজ করেন তারা এ্যাড স্ক্রিন নামে একটা এ্যাড অনস আছে সেটা ইনস্টল মারেন আর ওয়েব সাইট ব্রাউজ করতে থাকেন কম বেন্ড উইথ দিয়ে