শিরোনামঃ
Loading...

মুক্ত আইটিতে আপনাকে স্বাগতম । মুক্ত আইটি থেকে আপনারা কি ধরণের টিউটোরিয়াল প্রত্যাশা করেন অথবা কোনো বিষয়ে অভিযোগ, পরামর্শ,মতামত করার থাকলে মুক্ত আইটি এর ফ্যান পেজে মেসেজ দিন

Showing posts with label ওয়েব ডিজাইন. Show all posts
Showing posts with label ওয়েব ডিজাইন. Show all posts

HTML Meta Tags ( এইচটিএমএল বাংলা টিউটোরিয়াল ) - পর্ব ৮

HTML Meta Tags ( এইচটিএমএল বাংলা টিউটোরিয়াল ) - পর্ব ৮

HTML Meta Tags ( এইচটিএমএল বাংলা টিউটোরিয়াল ) - পর্ব ৮ 

কোনো ওয়েব পেজের মেটা ডাটা স্পেসিপাই করার জন্য এইচটিএমএল  ব্যবহার করতে  পারেন ।  সাধারণত <meta> ট্যাগটি ব্যবহার  করা হয় ব্রাউজারকে বাড়তি ইনফরমেশন দেওয়ার জন্য ।  <meta> ট্যাগ একটি Empty ট্যাগ হওয়ায় এর কোনো ক্লোজিং ট্যাগ নেই কিন্তু এটি এর এট্রিবিউটের তথ্য সঠিক ভাবে  বহন করে । <meta>  ট্যাগটিকে সাধারণত  <head> ....</head>  ট্যাগের ভিতরে রাখা হয়  । আপনি আপনার প্রয়োজনে এক বা একের অধিক মেটা ট্যাগ ব্যবহার করতে পারেন । তবে এখানে জেনে রাখা প্রয়োজন যে মেটা ইনফরমেশন গুলো ব্রাউজারে প্রদর্শিত হয় নাহ ।


html meta tags bangla tutorial এইচটিএমএল বাংলা টিউটোরিয়াল




                          Attribute
Description
      Nameপ্রপার্টি এর নাম দেওয়ার জন্য এই ট্যাগটি ব্যবহৃত হয় । এটি যেকোনো কিছু হতে পারে যেমনঃ keywords,description,revised,author,generator ইত্যাদি 
   contentProperty এর ভেলুকে স্পেসিপাই করে 
 http-equivhttp response মেসেজ দেওয়ার জন্য এই ট্যাগ ব্যবহৃত হয় যেমনঃ ওয়েব পেজকে রিফ্রেশ করার মেসেজ বা কুকি সেট করার মেসেজ দেওয়ার কাজে এই এট্রিবিউট ব্যবহৃত হয় । 

speecifying the keywords

আপনি keywords এট্রিবিউট্টি ব্যবহার করতে পারেন আপনার ওয়েব ডকুমেন্ট সম্পর্কে  কয়েক্টা কি ওয়ার্ড দিতে । সার্চ ইঞ্জিন ওয়েব পেজকে ইন্ডেক্স করার সময় এই কিওয়ারড গুলো সহ ইন্ডেক্স করে পরবর্তীতে কোনো ইউজার সে সার্চ ইঞ্জিনে সার্চ করলে আপনার কি ওয়ার্ডের সাথে মিল থাকলে আপনার ওয়েব পেজটি সার্চ ইঞ্জিন  ইউজারের কাছে প্রদর্শিত হবে । তবে সার্চ ইঞ্জিনের কোন পেজে শো করবে সেটা নিরভর করবে আপনি ওয়েব সাইটের কতটুকু এস ই ও করেছেন । 

Example:


<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, bangla tutorial" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

এইখানে Content এর জায়গায় আপনার  কি ওয়ার্ড গুলো দিবেন  । প্রত্যেক্টি কি ওয়ার্ডের পর কমা দেওয়া আবশ্যক । এইখানে আপনার ওয়েব পেজটি রিলেটেড শব্দগুলো ব্যবহার করবেন । 

Document Description

ওয়েব ডকুমেন্টটি সম্পর্কে ছোট খাটো বর্ণনা দেওয়ার জন্য আপনি <meta> ট্যাগ ব্যবহার করতে পারেন । অনেক অনেক সার্চ ইঞ্জিন মেটা ডেস্ক্রিপ্সান পড়ে ওয়েব পেজটি সম্পর্কে তথ্য নেয় । 

Example:


<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, bangla tutorial" />
<meta name="description" content="html meta tags bangla tutorial" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

মেটা Description কখনও ১৫০ শব্দের বেশি লিখবেন না । অন্যথায় এটি সার্চ ইঞ্জিন ফ্রেন্ডলি হবে নাহ । আর সার্চ ইঞ্জিন ফ্রেন্ডলি না হলে তো আপনার ওয়েব পেজটি ভালো র‍্যাংক করবেনা এবং আপনি  আপনার ওয়েব সাইটের জন্য অরগানিক ভিজিটর ও পেলেন নাহ ।

Document Revision Date


আপনার ডকুমেন্টটি সর্বশেষ কখন আপডেট হয়েছিলো সেটি বুঝানোর জন্য আপনি <meta> ট্যাগ ব্যবহার করতে পারেন । 

Example:


<!DOCTYPE html>
<html>
<head>
<title>Html Bangla tutorial meta tags</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="Muktoit, 3/7/2017" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

Document Refreshing

আপনার ওয়েব পেজকে নির্দিষ্ট সময় পর পর  অটোমেটিক  রিফ্রেশ করার জন্য আপনি <meta>ট্যাগ   ব্যবহার করতে পারেন । 

আপনি যদি আপনার ওয়েব পেজকে ৫ সেকেন্ড পর পর  রিফ্রেশ করতে চান তাহলে নিম্নের ট্যাগটি ব্যবহার করুন 

<!DOCTYPE html>
<html>
<head>
<title>Html bangla tutorials</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Html bangla tutorials" />
<meta name="revised" content="Muktoit, 3/7/2017" />
<meta http-equiv="refresh" content="5" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

Page Redirection

আপনি যদি এমনটা চান যে নির্দিষ্ট সময় পর ইউজাররা অটোমেটিক এই ওয়েব পেজ ছেড়ে অন্য আপনার দেওয়া পেজে চলে যাবে তাহলে আপনি meta tag ব্যবহার করে এই কাজটি করতে পারেন  ।

Example


আপনি যদি চান যে ইউজাররা ৫ সেকেন্ড পর অটোমেটিক  এই ওয়েব পেজ ছেড়ে www.Muktoit.com ওয়েব পেজ ( হোম পেজ ) এ চলে যাক তাহলে নিম্নের ট্যাগটি ব্যবহার করুন 


<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="revised" content="Muktoit, 3/7/2017" />
<meta http-equiv="refresh" content="5; url=https://www.Muktoit.com" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>

Setting Author Name

লেখকের নাম দিতে <meta>  ট্যাগ ব্যবহার করতে পারেন 

Example

<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name="keywords" content="HTML, Meta Tags, Metadata" />
<meta name="description" content="Learning about Meta Tags." />
<meta name="author" content="MD Abdullah" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>


আজকের টিউটোরিয়াল এখানেই সমাপ্ত । টিউটোরিয়ালটি ভালো লাগলে ফেসবুক ,টুইটার,গুগল প্লাসে মাস্ট শেয়ার করবেন । আর কোনো সমস্যা হলে আমাকে ফেসবুকে নক দিন

ওয়েব ডিজাইন বাংলা টিউটোরিয়াল ...প্রাথমিক আলোচনা

ওয়েব ডিজাইন  বাংলা টিউটোরিয়াল ...প্রাথমিক আলোচনা

ওয়েব ডিজাইন  বাংলা টিউটোরিয়াল 




 বিসমিল্লাহির রাহমানির রাহিম।
আসসালামু আলাইকুম বন্ধুগন । আশা করি ভাল আছেন। এই সাইটটিতে আমার প্রথম পোস্টে আপনাদের স্বাগতম । পোস্টের শিরোনাম দেখে অবশ্যই বুঝতে পারছেন আমি কোন টপিক নিয়ে লিখতে চাচ্ছি।আপনাদের সমর্থন পেলে অবশ্যই এই টপিক নিয়ে ধারাবাহিক লিখে যাবো এবং ভবিষ্যতে ভিডিও টিউটরিয়াল বানানোরও পরিকল্পনা আছে।

এখন আসি মূল কথায়। আপনারা সবাই অবশ্যই ওয়েভ ডিজাইন এবং ডেভেলাপিং সম্পর্কে অবগত আছেন। বর্তমান বিশ্বে আইটি সেক্টরে পিউর প্রোগ্রামিং এর পরেই ওয়েভ ডেভেলাপিং এর অবস্থান, যার ছোয়া বাংলাদেশেও লাগতে শুরু করেছে। ঢাকায় যারা থাকেন নিশ্চয়ই আইটি ফার্ম গুলার নাম এবং মার্কেটিং শুনতে শুনতে বিরক্ত হয়ে গেছেন।
এর কারন হচ্ছে উন্নত বিশ্বগুলোতে যেকোনো ব্যবসার অফলাইন প্লাটফর্মের পাশাপাশি অনলাইন প্লাটফর্ম কেও সমান গুরুত্ম দেওয়া হয় । আপনারা এমাজন,ইবে এসবের নাম শুনে থাকবনে যাদের বেশির ভাগ কাজই অনলাইন ভিত্তিক।
বাংলাদেশও পিছিয়ে নেই, বিক্রয় ,রকমারী ,এখানেই ডট কম এর মত সাইট দারুন জনপ্রিয় হয়ে উঠেছে।এখানেই শেষ নয়, প্রতিদিন শত শত ব্যবসায়িক ওয়েভসাইট তৈরী হচ্ছে আমাদের দেশে ,যার কারনে ওয়েব ডেভেলাপমেন্টের চাহিদা আকাশচুম্বি।
আমি আমার ধারাবাহিক পোস্টে ইনশা আল্লাহ ওয়েভডিজাইন এন্ড ডেভেলাপিং এর সাথে পরিচয় এবং পরবর্তীতে ব্লগ \ভিডিও টিউটরিয়াল  পোস্ট করতে থাকব। আশা করি পাশে থাকবেন।

      এইচটিএমএল Phrase Tags ( এইচটিএমএল বাংলা টিউটোরিয়াল ) - পার্ট ৭

      এইচটিএমএল Phrase Tags ( এইচটিএমএল বাংলা টিউটোরিয়াল ) -  পার্ট ৭

      এইচটিএমএল Phrase Tags ( এইচটিএমএল বাংলা টিউটোরিয়াল ) -  পার্ট ৭ 


      Hello ,সবাই কেমন আছেন? আমি ভালো আছি । আশা করি আপনারা ও ভালো আছেন । আজকে আপনাদের সাথে আলোচনা করবো  HTML এর Phrase ট্যাগ নিয়ে । তো চলুন শুরু করা যাক...।

      HTML phrase tags Bangla Tutorial


      Marked Text 

      কোনো Text যদি <mark>......</mark>  ট্যাগের ভিতরে থাকে তাহলে টেক্সটটি হলুদ রঙয়ের মার্ক করা থাকবে ।

      ধরুন আমি যদি এইভাবে কোড লিখি  Hi I am <mark>Abdullah</mark>

      তাহলে উপরিউক্ত কোডের জন্য ফলাফল হবেঃ

      Hi I am Abdullah


      Text Abbreviation

      আপনি চাইলে কোনো টেক্সটকে Abbreviate করতে পারেন জাস্ট <abbr>.....</abbr> ট্যাগ ব্যবহার করে ।  

       ধরুন আমরা Radio Jockey Rasel কে abbreviate করবো RJR হিসেবে
      তাহলে আমরা এইভাবে কোড লিখবো  

      <!DOCTYPE html>
      <html>
      <head>
      <title>Text Abbreviation</title>
      </head>
      <body>
      <p>My best friend's name is  <abbr title="Radio Jockey Rasel">RJR</abbr>.</p>
      </body>
      </html>

      My best friend's name is RJR.
       এখন RJR এর উপর কার্সর ধরুন দেখবেন লেখা উঠছে Radio Jockey Rasel । আশা করছি বুঝতে পেরেছেন ।

      Short Qutations

      কোনো লিখাকে কোটেশানে রাখতে এই ট্যাগ ব্যবহার করা হয় <q>.......</q>
      ধরুন আমি এটা লিখতে চাই        ফারিয়া বলেছে , "আমি ভালো ছেলে । " 
      আপনারা অবশ্যই <body> এর পরে লিখবেন আমি শর্ট করে আপনাদেরকে বুঝিয়ে দিচ্ছি
      <p>ফারিয়া বলেছে , <q>আমি ভালো ছেলে ।</q></p>

      ফলাফলঃ

      ফারিয়া বলেছে , আমি ভালো ছেলে ।

      Computer Code

      যেকোনো প্রোগামিং কোড যদি ওয়েব পেজে রান করাতে চান তাহলে এই ট্যাগ ব্যবহার করবেন <code>.......</code>    ।
      <p> This is regular Text <code> write programming code here </code>This is regular Text </p>

      ফলাফলঃ
      This is regular Text write programming code here This is regular Text

      Programming Variables


      এই ইলিমেন্টটি সাধারনত <pre> এবং <code> ট্যাগে ব্যবহৃত হয় । এটি দারা কোনো প্রোগ্রামের কোন কন্টেন্ট ভেরিয়েবল সেটা নির্দেশ করে ।

      Example :

      <!DOCTYPE html>
      <html>
      <head>
      <title>Variable Text Example</title>
      </head>
      <body>
      <p><code>document.write("<var>user-name</var>")</code></p>
      </body>
      </html>

      ফলাফলঃ


      document.write("user-name")

      Program Output

      কোনো প্রোগ্রামিং কোড বা স্ক্রিপ্ট এর আউটফুট দেখানোর জন্যে <samp>.....</samp> ট্যাগ ব্যবহৃত হয় । এটি বেশিরভাগই ডকুমেন্ট প্রোগ্রামিং এর ক্ষেত্রে বেশি ব্যবহৃত হয় ।

      Example:

      <!DOCTYPE html>
      <html>
      <head>
      <title>Program Output Example</title>
      </head>
      <body>
      <p>Result produced by the program is <samp>Hi Dear !</samp></p>
      </body>
      </html>

      ফলাফলঃ

      Result produced by the program is  Hi Dear !

      Address Text

      এড্রেস লিখার জন্য এই ট্যাগ ব্যবহৃত হয় <address>...</address>


      <!DOCTYPE html>
      <html>
      <head>
      <title>Address Example</title>
      </head>
      <body>
      <address>House 59,Road 3,Block A,Aftab Nogor,Badda,Dhaka - 1212</address>
      </body>
      </html>

      ফলাফলঃ
      House 59,Road 3,Block A,Aftab Nogor,Badda,Dhaka - 1212

      আজকের টিউটোরিয়াল এখানেই সমাপ্ত । টিউটোরিয়ালটি ভালো লাগলে ফেসবুক ,টুইটার,গুগল প্লাসে মাস্ট শেয়ার করবেন । আর কোনো সমস্যা হলে আমাকে ফেসবুকে নক দিন


      এইচটিএমএল ফরম্যাটিং (এইচটিএমএল বাংলা টিউটোরিয়াল) - পার্ট ০৬

      এইচটিএমএল ফরম্যাটিং (এইচটিএমএল বাংলা টিউটোরিয়াল) - পার্ট ০৬
      HTML Formatting

      আপনারা যদি মাইক্রোসফট ওয়ার্ড,এক্সেল আগে থেকে ব্যবহার করে থাকেন তাহলে এই পর্বটি অনেকাংশে বুঝে যাবেন বলে আশা করা যায় । তাহলে আপনি অবশ্যই পরিচিত হয়েছেন Bold,underline,deleted,sub script,super script এই শব্দ গুলোর সাথে চলুন দেখা যাক ।



      html Tutorial in bangla  . এইচটিএমএল বাংলা টিউটোরিয়াল


          Bold Text

          কোনো লেখাকে বোল্ড বা হালকা মোটা করার জন্য bold ট্যাগ ব্যবহার করা হয় । বোল্ড ট্যাগটি দেখুন <b>bold text html tag</b> । নিচে দেখুনঃ


          <!DOCTYPE html>
          <html>
          <head>
          <title>এটি একটি বোল্ড ট্যাগের উদাহরণ</title>
          </head>
          <body>
          <b>html bangla Tutorial</b>
          </body>
          </html>

          উপরের কোডটির জন্য এই ফলাফলটি প্রদর্শিত হবেঃ

          html bangla Tutorial


          Italic text

          কোনো লেখাকে হালকা বাকানোর জন্য italic text ব্যবহার করা হয় । এই ট্যাগের <i> .......</i> ভিতর যাহা লিখিবেন তাহাই দেখা যাবে ।

          <!DOCTYPE html>
          <html>
          <head>
          <title>এটি একটি ইটালিক ট্যাগের উদাহরণ</title>
          </head>
          <body>
          <i>html bangla Tutorial</i>
          </body>
          </html>

          উপরের কোডটির জন্য এই ফলাফলটি প্রদর্শিত হবেঃ

          html bangla Tutorial
          mypayingads bangla tutorial

          Underlined Text

          কোনো লেখার নিচে দাগ দিতে এই ট্যাগ ব্যবহার করা হয়  । <u>...........</u> । এই ট্যাগের ভিতর যেটাই লিখবেন সেটাই আন্ডার লাইন হবে । আশা করছি ব্যপারটা বুঝতে পারছেন । নিচে দেখুনঃ

          <!DOCTYPE html>
          <html>
          <head>
          <title>এটি একটি আন্ডার লাইন ট্যাগের উদাহরণ</title>
          </head>
          <body>
          <u>html bangla Tutorial</u>
          </body>
          </html>

          উপরের কোডটির জন্য এই ফলাফলটি প্রদর্শিত হবেঃ

          html bangla Tutorial

          Strike Textt

          কোনো লেখার মাঝে কাটা দাগ দিতে এটি ব্যবহার করা । <strike>...........</strike> । এই ট্যাগের ভিতর যেটাই লিখবেন সেটাই কাটা দাগ হবে । আশা করছি ব্যপারটা বুঝতে পারছেন । নিচে দেখুনঃ

          <!DOCTYPE html>
          <html>
          <head>
          <title>এটি একটি Strike ট্যাগের উদাহরণ</title>
          </head>
          <body>
          <strike>html bangla Tutorial</strike>
          </body>
          </html>

          উপরের কোডটির জন্য এই ফলাফলটি প্রদর্শিত হবেঃ

          html bangla Tutorial

          Super script Textt

          কোনো লিখাকে একটু উপর করে লিখতে এই ট্যাগ ব্যবহার করা হয় । <sup>...........</sup> । এই ট্যাগের ভিতর যেটাই লিখবেন সেটাই একটু উপরে হবে । আশা করছি ব্যপারটা বুঝতে পারছেন । নিচে দেখুনঃ

          <!DOCTYPE html>
          <html>
          <head>
          <title>এটি একটি Super Script ট্যাগের উদাহরণ</title>
          </head>
          <body>
          Physics is <sup>my</sup>favourite Sbuject</body></html>


          উপরের কোডটির জন্য এই ফলাফলটি প্রদর্শিত হবেঃ

          Physics is my favourite Sbuject

          Sub script Textt

          কোনো লিখাকে একটু নিচ করে লিখতে এই ট্যাগ ব্যবহার করা হয় । <sub>...........</sub> । এই ট্যাগের ভিতর যেটাই লিখবেন সেটাই একটু নিচে হবে ।  নিচে দেখুনঃ

          <!DOCTYPE html>
          <html>
          <head>
          <title>এটি একটি Sub Script ট্যাগের উদাহরণ</title>
          </head>
          <body>
          html  <sub>bangla</sub>Tutorial</body></html>

          উপরের কোডটির জন্য এই ফলাফলটি প্রদর্শিত হবেঃ

          html bangla Tutorial

          Larger Textt

          কোনো লেখাকে একটু বড় করে দেখাতে এই ট্যাগ ব্যবহার করা হয় ।  <big>...........</big> । এই ট্যাগের ভিতর যেটাই লিখবেন সেটাই একটু বড় হবে ।  নিচে দেখুনঃ

          <!DOCTYPE html>
          <html>
          <head>
          <title>এটি একটি Big Text ট্যাগের উদাহরণ</title>
          </head>
          <body><big>
          html bangla Tutorial</big></body></html>


          উপরের কোডটির জন্য এই ফলাফলটি প্রদর্শিত হবেঃ

          html bangla Tutorial

          Smaller Textt

          কোনো লেখাকে একটু ছোট করে দেখাতে এই ট্যাগ ব্যবহার করা হয় ।  <small>...........</small> । এই ট্যাগের ভিতর যেটাই লিখবেন সেটাই একটু ছোট হবে ।  নিচে দেখুনঃ

          <!DOCTYPE html>
          <html>
          <head>
          <title>এটি একটি Small Text ট্যাগের উদাহরণ</title>
          </head>
          <body><small>
          html bangla Tutorial</small></body></html>

          উপরের কোডটির জন্য এই ফলাফলটি প্রদর্শিত হবেঃ


          html bangla Tutorial

          Content Groupingt

          একাধিক উপাদানকে গ্রুপ বিবাজন করতে <div>......</div>, <span>.......</span> ব্যবহার করা হয় ।
          নিচের ট্যাগটি লক্ষ্য করুনঃ

          <!DOCTYPE html>
          <html>
          <head>
          <title>Div Tag Example</title>
          </head>
          <body>
          <div id="menu" align="middle" >
          <a href="/index.htm">HOME</a> | <a href="/about/contact_us.htm">CONTACT</a> | <a href="/about/index.htm">ABOUT</a>
          </div>
          <div id="content" align="left" bgcolor="white">
          <h5>Content Articles</h5>
          <p>Actual content goes here.....</p>
          </div>
          </body>
          </html>

          উপরের কোডটির জন্য এই ফলাফলটি প্রদর্শিত হবেঃ


          Content Articles
          Actual content goes here.....


          Span style

          Span ব্যবহার করে লেখাকে Style করা যায় । নিচে দেখুন;

          <!DOCTYPE html>
          <html>
          <head>
          <title>এটি একটি Span ট্যাগের উদাহরণ</title>
          </head>
          <body><span style="color:green;background-color:black;"><big>
          html bangla Tutorial</big></span></body></html>

          উপরের কোডটির জন্য এই ফলাফলটি প্রদর্শিত হবেঃ

          html bangla Tutorial


          *** টিউনটি পড়ে যদি মনে হয় আপনি উপকৃত হয়েছেন তাহলে আপনি এটি  ফেসবুক, গুগল প্লাস, টুইটারে   শেয়ার করতে ভুলবেন না  ***

          কোনো সমস্যা হলে আমাকে ফেসবুকে নক দিন সাপোর্ট পাবেন

          এইচটিএমএল এট্রিবিউট (এইচটিএমএল বাংলা টিউটোরিয়াল) - পার্ট ০৫

          এইচটিএমএল এট্রিবিউট (এইচটিএমএল বাংলা টিউটোরিয়াল) - পার্ট ০৫
          HTML Attribute
          এইচটিএমএল ট্যাগের অধিনে অনেক গুলো ইলিমেন্ট থাকে এদেরকে Attribute বলা হয় । আমরা পূর্বে <h1>, <h2>, paragraph tag <p> এবং অন্যান্য ট্যাগ দেখেছি । কিন্তু এদের সাথে Attribute যোগ করা হলে এরা বাড়তি তথ্য দেখাবে । শুধু h1 ট্যাগ ব্যবহার করলে অনেক প্রশ্ন থেকে যায় যে এটা ডানে হবে না বামে হবে নাকি সেন্টারে হবে বা এটার Style কী হবে ইত্যাদি ইত্যাদি ।
          Tag এর সাথে Attribute যোগ করলে এই সকল প্রশ্নের উত্তর মিলে ।




          Core Attributes

          ৪ ধরনের কোর এট্রিবিউট রয়েছে এইগুলো অধিকাংশ এইচটিএমএল ট্যাগে ব্যবহার করা হয় ।
          • id
          • title
          • class
          • style
          id Attribute:

          এইচটিএমএল ট্যাগের  এই এট্রিবিউটটি এইচটিএমএল ওয়েব পেজের কোনো ইলিমেন্টকে শনাক্ত করণে ব্যবহার করা হয় । আপনার যদি একই নামের দুটি ইলিমেন্ট থাকে তাহলে আপনি ID Attribute দ্বারা তাদেরেকে শনাক্ত করতে পারবেন ।

          <p id="html">This para explains what is HTML</p>
          <p id="css">This para explains what is Cascading Style Sheet</p>

          ধরি আপনার দুইটা প্যারাগ্রাফ ট্যাগ আছে  । আপনার এই ট্যাগের id attribute দেওয়ার কারনে তারা আলাদা আলাদা ভাবে পরিচয় পেয়েছে একটার আইডি html অপরটার আইডি css

          mypayingads bangla tutorial

          Title Attribute:

          কোনো ট্যাগের টাইটেল বোঝাতে এই Attribute ব্যবহার করা

          <h3 title="Oh I See">Every Child should respect his/her mom</h3>

          ফলাফলঃ

          Every Child should respect his/her mom

          আপনি মাউসের এরোটি উপরের লেখাটার উপর ধরেন , কী ? টাইটেলে যা লিখা হয়েছে তা শো করছে । নিচের Attribute গুলো পড়ুন

          Attribute অপশনকাজ
          alignright, left, center     অনুভূমিকভাবে align
          valigntop, middle, bottomখাড়াভাবে Valign
          bgcolornumeric, hexidecimal, RGB valuesElement এর পেছনে কালার দিতে
          backgroundURLElement এর পেছনে ইমেজ দিতে
          idUser DefinedElement এর নাম দেওয়া হয়
          classUser Definedcss এর প্রয়োগ করার জন্য ব্যবহার করা হয়
          widthNumeric Valueপ্রস্থ নির্ধারণ করে
          heightNumeric Valueউচ্চতা নির্ধারণ করে
          titleUser DefinedAttribute এর শিরোনাম বুঝাতে

          *** টিউনটি পড়ে যদি মনে হয় আপনি উপকৃত হয়েছেন তাহলে আপনি এটি  ফেসবুক, গুগল প্লাস, টুইটারে   শেয়ার করতে ভুলবেন না  ***

          কোনো সমস্যা হলে আমাকে ফেসবুকে নক দিন সাপোর্ট পাবেন