HTML টিউটোরিয়াল - ১ >>(ভূমিকা)



Html হচ্ছে ওয়েব ডিজাইন করার প্রথম ধাপ। html জানা থাকলে নিজের ওয়েবসাইট নিজেই পছন্দমতো তৈরি করতে পারবেন। প্রোগ্রামিং জানেন না তবে কি করে পারবেন এই ল্যাঙ্গুয়েজ শিখতে এটাই ভাবছেন এইতো? দয়া করে এইসব ভাবনা বাদ দিন কারণ html শিখতে আপনাকে প্রোগ্রামিং জানা লাগবেনা বরং html এর সহজ কিছু নিয়ম জানলেই হবে। তাই পারবেন না চিন্তা করে কোনো কিছু ফেলে না রেখে সহজ বাংলায় লেখা এই টিউটোরিয়াল গুলোতে সামান্য চোখ বুলাতে পারেন, দেখবেন কোনো কিছুই অসম্ভব নয় শুধু একবার চেষ্টা করে দেখুন।
Html আসলে কি?
  • HTML হল Hyper Text Markup Language.
  • Markup Language হচ্ছে কতোগুলো Markup ট্যাগ এর সমষ্টি
  • HTML দিয়ে ওয়েব সাইট তৈরি করা হয়।
  • HTML শেখার জন্য কোন ওয়েব সার্ভার প্রয়োজন হয় না।
Html এর উদাহরণ
code
উদাহরনের বিবরন
  • এইখানে DOCTYPE দিয়ে বোঝানো হচ্ছে ডকুমেন্ট টাইপ।
  • <html> এবং </html>-এর ভেতরে যা কিছু লেখা হয় তা হচ্ছে ওয়েব ডকুমেন্ট।
  • <body> এবং </body>-এর ভেতরে যা কিছু লেখা হয় তা দৃশ্যমান পেজের কন্টেন্ট।
  • <h1> এবং </h1>-এর ভেতরে যা লেখা হয় তা হচ্ছে হেডিং অর্থাৎ শিরোনাম।
  • <p> এবং </p>-এর ভেতরে যা লেখা হয় তা হচ্ছে প্যারাগ্রাফ।
Html ট্যাগ কি?
  • Html ট্যাগ হচ্ছে একধরনের কিওয়ার্ড বা ট্যাগের নাম যা দুটি বাকা ব্র্যাকেটের ( <>এবং </>) মাঝে থাকে।
  • Html ট্যাগ সাধারনত এক জোড়ায় লিখতে হয়। যেমনঃ<p> এবং </p>
  • একটি জোড়ার প্রথমটি হচ্ছে স্টার্ট ট্যাগ এবং শেষের ট্যাগটি হচ্ছে এন্ডিং ট্যাগ।
  • এন্ডিং ট্যাগ বা শেষের ট্যাগটি শুরুর ট্যাগের মতোই হবে কিন্তু এর আগে একটি স্ল্যাশ (‘/’) দিতে হবে।
উদাহরন
<tag name> content </tagname>
এইখানে প্রথম ট্যাগটি হচ্ছে স্টার্ট ট্যাগ আর শেষের ট্যাগটি হচ্ছে এন্ডিং ট্যাগ যার আগে স্ল্যাশ ট্যাগ (‘/’) দেওয়া হয়েছে।
ওয়েব ব্রাউজার
ওয়েব ব্রাউজার যেমনঃ ক্রোম, ইন্টারনেট এক্সপ্লোরার, ফায়ার ফক্স,সাফারি ইত্যাদি এর কাজ হচ্ছে html ডকুমেন্টটি পড়া এবং একে ডিসপ্লে করা।
ব্রাউজার কখনোই html ট্যাগ ডিসপ্লে করেনা বরং কিভাবে ডকুমেন্টটি ডিসপ্লে করা হবে তা ট্যাগের মাধ্যমে ঠিক করে নেয়।
figure 2
Html পেজ কি ধরনের হয়?
নিচে একটি Html পেজের উদাহরণ দেওয়া হলঃ
figure3
Html ভার্সন গুলো কি কি?
যখন থেকে মানুষ ওয়েব ব্যবহার শুরু করেছে তখন থেকে বর্তমান পর্যন্ত html অনেকগুলো ভার্সন এসেছে যেমনঃ
figure 4

শেয়ার করুন

লেখকঃ

পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট