বেসিক HTML, অ্যাট্টিবিউট, এলিমেন্ট ও SEO ট্যাগ পরিচিতি জেনে নিন

Asa Moni ☑️
13 Jul, 2024
বেসিক HTML, অ্যাট্টিবিউট, এলিমেন্ট ও SEO ট্যাগ পরিচিতি HTML (মার্কআপ) এবং ও CSS (প্রোগ্রামিং) ল্যাঙ্গুয়েজ অনেকেই জানি না। আপনার যদি না জেনে থাকেন, তাহলে আমার এই আর্টিকেলটি শুরু থেকে শেষ পর্যন্ত পড়ুন তাহলে আপনার কাছে অনেক সহজ মনে হবে ।

এছাড়াও HTML ফরম্যাটিং টেকনিস বেসিক আরো গুরুত্বপূর্ণ কিছু বিষয় নিয়ে আমার এই আর্টিকেলে আলোচনা করব।HTML ও CSS কি এসব সম্পর্কে বিস্তারিত জানতে হলে আমার আর্টিকেলটি শুরু থেকে শেষ পর্যন্ত পড়ার অনুরোধ রইলো।

পোস্ট সূচিপত্রঃ বেসিক HTML,  অ্যাট্টিবিউট,  এলিমেন্ট  ও SEO ট্যাগ পরিচিতি জেনে নিন

.

ভূমিকা

আপনারা যদি ওয়েবসাইট থেকে থাকে এবং সে ওয়েবসাইট থেকে টাকা উপার্জন করতে চান তাহলে অবশ্যই HTML ও CSS ল্যাঙ্গুয়েজ সম্পর্কে অবশ্যই ধারণা ও জানতে হবে।

আরো পড়ুন: আর্টিকেল স্পিনিং ও স্ক্র্যাপিং বিশ্লেষণ/Plagiarism কি?


HTML ও CSS সম্পর্কে বিস্তারিত জানার আগে এর দুইটি পূর্ণরূপ সম্পর্কে জানা খুব দরকার-

HTML= Hyper Text Markup Language (হাইপার টেক্সট মার্কেট ল্যাঙ্গুয়েজ)।
CSS= Cascading Style Sheets (ক্যাসকেডিং স্টাইল শীট)।

HTML (মার্কআপ) ও CSS (প্রোগ্রামিং) ল্যাঙ্গুয়েজ

HTML - আমরা কথা বলার বা লেখার জন্য বাংলা ইংরেজি অন্যান্য ভাষা ব্যবহার করে থাকি। কিন্তু কম্পিউটারকে নির্দেশ বা কমান্ড দেওয়ার জন্য অনেকগুলো প্রোগ্রামিং ল্যাঙ্গুয়েজ বা ভাষা রয়েছে সেগুলোকে আমরা কোডিং বলে থাকি। আমরা যখন ওয়েবসাইট তৈরি করি এবং লেখালেখি বেশ কিছু WEB প্রোগ্রাম ল্যাংগুয়েজ রয়েছে।যেমন: HTML, CSSS, JAVA, PSP ইত্যাদি।
 
HTML ও CSS এই দুইটি সম্পর্কে সহজ ভাষায় বোঝানোর জন্য একটি উদাহরণ দেওয়া যায়। যেমন- মনে করেন একটি ভাস্কর তৈরি করার জন্য রড কিংবা বাঁশ দিয়ে যে স্ট্রাকচার বা গঠন তৈরি করা হয় সেটাই হচ্ছে HTML। আর এই স্ট্রাকচারের উপর সিমেন্ট, বালু বা অন্যান্য মেটেরিয়াল ব্যবহার করে যে ডিজাইন করা হয় সেটাই হচ্ছে CSS।HTML ও CSS এই দুইটি একে অপরের পরিপূরক। ওয়েবসাইটের থিম অপশনে গিয়ে HTML যেসব কোড রয়েছে সেগুলো HTML ও CSS প্রোগ্রামিং ল্যাঙ্গুয়েজ। অবশ্যই বুঝতে পেরেছেন HTML ও CSS এর ব্যবহার কতটা গুরুত্বপূর্ণ।

বেসিক HTML, অ্যাট্টিবিউট, এলিমেন্ট ও SEO ট্যাগ পরিচিতি

Body ভিতরে যদি কিছু লিখতে যদি আলাদা প্যারাগ্রাফ করতে চান আবার নিচের লাইনে যেতে চান তাহলে ওই লেখার শেষে </a> ক্লোস করে দিয়ে <br>দিতে হবে। আপনি যদি একটি প্যারাগ্রাফ থেকে আরেকটি প্যারাগ্রাফে যাবেন তখন <P> দিয়ে শুরু করতে হবে এবং</p> দিয়ে লেখাটা ক্লোস করে দিতে হবে।


পোস্টগুলো যখন গুগলে এস ই ও করবো এবং র‌্যাংক করে মানুষ সার্চ দিলে ওয়েবসাইট যেন পেয়ে যায় এজন্য h1,h2,h3 এগুলোর সঠিক ব্যবহার করা খুব গুরুত্বপূর্ণ। h1 মানে গুগল মনে করে পোস্টের মেই টাইটেল।পোষ্টের ভিতরে যে সব টাইটেল রয়েছে সেগুলোকে গুগল h2 বলে কাউন্ট করে। টাইটেল বা হেডিংগুলোকে গুগল h3 , h4 বলে ধরে নেয়।

<P> এর উপরে<body> এর নিচে <h2> </H2> তার ভিতরে হেডিং লিখতে হবে লিংক করাকে google এর ভাষায় আংকর বলে।লেখার ভিতর লিংক করতে হলে সেই লেখাটা কেটে দিতে হবে। এরপর <a href=" " এই ডবল কোটেশনের ভিতরে লিংক দিতে হবে। এরপর যে লেখাটার উপর লিংক করবেন সেই লেখাটা দিতে হবে তারপর</a> দিয়ে ক্লোজ করে দিতে হবে।

আরো পড়ুন: ১০টি মাথাব্যথার কারণসমূহ জেনে নিন

এখন পোস্টার ভেতরে যদি ছবি আপলোড করতে চান তাহলে ডেক্সটপে যে ফাইল আছে সে ফাইলের নিচে একটা ছবি রাখতে হবে এবং Rename করে নাম চেঞ্জ করে নিতে হবে। এটা অবশ্যই P ট্যাগের শেষে কিংবা শুরুতে করতে হবে।<img src="" কোটেশন এর ভিতরে ছবির লিংক টা দিতে হবে এরপর width="100%" height="auto"></a> ক্লোস করে দিতে হবে।

HTML ফরম্যাটিং টেকনিস

  • <b> - Bold text
  • <strong> - Important text
  • <i> - Italic text
  • <em> - Emphasized text
  • <mark> - Marked text
  • <small> - Smaller text
  • <del> - Deleted text
  • <ins> - Inserted text
  • <sub> - Subscript text
  • <sup> - Superscript text




এই পোস্টটি পরিচিতদের সাথে শেয়ার করুন

পূর্বের পোস্ট দেখুন পরবর্তী পোস্ট দেখুন
এই পোস্টে এখনো কেউ মন্তব্য করে নি
মন্তব্য করতে এখানে ক্লিক করুন

আশা অনলাইন শপ নীতিমালা মেনে কমেন্ট করুন। প্রতিটি কমেন্ট রিভিউ করা হয়।

comment url