HTML

  • Revision slug: HTML
  • Revision title: HTML
  • Revision id: 380443
  • Created:
  • Creator: tuxboy
  • Is current revision? হ্যাঁ
  • Comment

Revision Content

HTML5 ডেমো

সর্বশেষ HTML প্রযুক্তির প্রয়োগ দেখুন ডেমো সংগ্রহশালায়।

The logo of HTML

HyperText Markup Language (HTML) হল ব্রাউজারে প্রদর্শনযোগ্য ওয়েব পেজ ও অন্যান্য ধরণের ডকুমেন্ট তৈরি করার ভাষা। আরও স্পষ্টভাবে বললে, HTML হল ডকুমেন্টের গঠন ও অর্থগত বিন্যাস বর্ণনা করার ভাষা। বিষয়বস্তু <img>, <title>, <p>, <div>, … প্রভৃতি HTML এলিমেন্ট দ্বারা ট্যাগ করা হয়।

HTML একটি আন্তর্জাতিক স্ট্যান্ডার্ড, যা World Wide Web Consortium এবং WHATWG এর দ্বারা নিয়ন্ত্রিত।

HTML কে living standard বিবেচনা করা হয় এবং এর প্রযুক্তিগত উন্নয়নের চলছে। HTML5 বলতে এই আদর্শমানের সর্বশেষ সংস্করণকেই বোঝানো হয়!

HTML এর ডকুমেন্টেশন

Introduction to HTML
এই পেজ সাধারণ HTML সিনট্যাক্স এবং বিন্যাস নিয়ে আলোচনা করবে। এটি HTML ডকুমেন্ট তৈরি করার জন্য সাধারণ সাহায্য প্রদান করবে।
HTML element reference
বিভিন্ন ব্রাউজার সমর্থিত HTML এলিমেন্টের সম্পর্কে বিস্তারিত তথ্য সংগ্রহ করুন।
HTML attributes list
সকল HTML এট্রিবিউট এবং সংস্লিষ্ট এলিমেন্টের তালিকা দেখুন!
HTML5
HTML API সমূহ এবং তাদের সাপোর্ট সম্পর্কে বিস্তারিত জানুন।
HTML ফর্ম গাইড
HTML ফর্ম, HTML এর একটি জটিল অংশ। এই গাইডটি আপনাকে ফর্মকে যথাযথভাবে ব্যবহার করতে শেখাবে, স্টাইলিং থেকে শুরু করে ব্রাউজার সাপোর্ট, কাস্টম কন্ট্রোল পর্যন্ত।
খারাপ কপি-পেস্টের অভ্যাস
অন্যান্য ওয়েব পেজের সোর্স দেখা এবং কপি-পেস্ট করার মাধ্যমে প্রায়ই অনেকে ওয়েব প্রযুক্তি শেখেন। কিন্তু, কখনো কখনো এই অভ্যাস চিরস্থায়ী হয়ে যায়। এই পেজে এই ধরণের প্যাটার্ন নিয়ে আলোচনা করা হয়েছে এবং কিভাবে আপনি আপনার লক্ষ্য সঠিক পথে অর্জন করবেন, তা নিয়ে আলোকপাত করা হয়েছে।
ক্যানভাসের সাহায্যে গ্রাফিক্স আঁকা
প্রোগ্রামিং করার উপযোগী গ্রাফিক্সের জন্য নতুন HTML এলিমেন্ট। ক্লায়েন্টে গ্রাফ, ইউজার ইন্টারফেস, এবং অন্যান্য গ্রাফিক্স রেন্ডার করার জন্য <canvas> ব্যবহার করা যেতে পারে।
দ্রুত লোড হওয়া HTML পেজ তৈরির টিপস
একটি অপটিমাইজ করা ওয়েব পেজ ব্যবহারকারীদের জন্য শুধুমাত্র একটি আকর্ষণীয় অভিজ্ঞতায় দেয় না, দ্রুত ব্যবহারকারীর ব্রাউজারে লোড হয়।

সবগুলো দেখুন...

কমিউনিটির থেকে সাহায্য

আপনি কি HTML-সংক্রান্ত কোন সমস্যায় পড়েছেন এবং ডকুমেন্টেশনে সমাধান খুঁজে পাচ্ছেন না?

  • নির্দিষ্ট মোজিলা ফোরামের শরণাপন্ন হোন : {{DiscussionList("dev-tech-html", "mozilla.dev.tech.html")}}
  • Stack Overflow এ যান, এটি একটি সমবায়-ভিত্তিক প্রশ্নোত্তর সাইট। দেখুন এখানে আপনি আপনার প্রশ্নের উত্তর খুঁজে পান কিনা। যদি না পান, তবে আপনি আপনার প্রশ্ন জিজ্ঞাসা করতে পারেন।

Don't forget about the netiquette...

ডেভেলপমেন্ট সহায়ক টুল

সবগুলো দেখুন...

 

Revision Source

<div class="callout-box">
  <div style="font:normal 20px 'Bebas Neue','League Gothic',Haettenschweiler,Impact,'Arial Narrow',sans-serif;text-transform:uppercase;">
    HTML5 ডেমো</div>
  <p>সর্বশেষ HTML প্রযুক্তির প্রয়োগ দেখুন <a href="https://developer.mozilla.org/bn-BD/demos/tag/tech:html5" title="https://developer.mozilla.org/bn-BD/demos/tag/tech:html5">ডেমো সংগ্রহশালা</a>য়।</p>
  <p><a href="/bn-BD/docs/HTML/HTML5" title="html5"><img alt="The logo of HTML" class="default" longdesc="The latest version of HTML, HTML5, has a distinctive logo: a shield with the number 5 on it." src="/files/3563/HTML5_Logo_128.png" style="width: 128px; height: 128px;" /></a></p>
</div>
<p><strong>HyperText Markup Language (<em>HTML</em>)</strong> হল ব্রাউজারে প্রদর্শনযোগ্য ওয়েব পেজ ও অন্যান্য ধরণের ডকুমেন্ট তৈরি করার ভাষা। আরও স্পষ্টভাবে বললে, HTML হল ডকুমেন্টের গঠন ও অর্থগত বিন্যাস বর্ণনা করার ভাষা। বিষয়বস্তু <code>&lt;img&gt;</code>, <code>&lt;title&gt;</code>, <code>&lt;p&gt;</code>, <code>&lt;div&gt;</code>, … প্রভৃতি HTML এলিমেন্ট দ্বারা ট্যাগ করা হয়।</p>
<p>HTML একটি আন্তর্জাতিক স্ট্যান্ডার্ড, যা <a class="external" href="http://www.w3.org/">World Wide Web Consortium</a> এবং <a href="http://www.whatwg.org/" title="http://www.whatwg.org/">WHATWG</a> এর দ্বারা নিয়ন্ত্রিত।</p>
<p>HTML কে <em>living standard</em> বিবেচনা করা হয় এবং এর প্রযুক্তিগত উন্নয়নের চলছে। <strong>HTML5</strong> বলতে এই আদর্শমানের সর্বশেষ সংস্করণকেই বোঝানো হয়!</p>
<div class="cleared topicpage-table">
  <div class="section">
    <h2 class="Documentation" id="Documentation" name="Documentation">HTML এর ডকুমেন্টেশন</h2>
    <dl>
      <dt>
        <a href="/bn-BD/docs/HTML/Introduction" title="Introduction to HTML"><strong>Introduction to HTML</strong></a></dt>
      <dd>
        এই পেজ সাধারণ HTML সিনট্যাক্স এবং বিন্যাস নিয়ে আলোচনা করবে। এটি HTML ডকুমেন্ট তৈরি করার জন্য সাধারণ সাহায্য প্রদান করবে।</dd>
      <dt>
        <a href="/bn-BD/docs/HTML/Element" title="HTML/Element">HTML element reference</a></dt>
      <dd>
        বিভিন্ন ব্রাউজার সমর্থিত HTML এলিমেন্টের সম্পর্কে বিস্তারিত তথ্য সংগ্রহ করুন।</dd>
      <dt>
        <a href="/bn-BD/docs/HTML/Attributes" title="HTML/Attributes">HTML attributes list </a></dt>
      <dd>
        সকল HTML এট্রিবিউট এবং সংস্লিষ্ট এলিমেন্টের তালিকা দেখুন!</dd>
      <dt>
        <a href="/bn-BD/docs/HTML/HTML5" title="HTML/HTML5">HTML5</a></dt>
      <dd>
        HTML API সমূহ এবং তাদের সাপোর্ট সম্পর্কে বিস্তারিত জানুন।</dd>
      <dt>
        <a href="/bn-BD/docs/HTML/Forms" title="HTML/Forms">HTML ফর্ম গাইড</a></dt>
      <dd>
        HTML ফর্ম, HTML এর একটি জটিল অংশ। এই গাইডটি আপনাকে ফর্মকে যথাযথভাবে ব্যবহার করতে শেখাবে, স্টাইলিং থেকে শুরু করে ব্রাউজার সাপোর্ট, কাস্টম কন্ট্রোল পর্যন্ত।</dd>
      <dt>
        <a href="/bn-BD/docs/Web_development/Historical_artifacts_to_avoid" title="HTML/Bad_copy_pasting_habits">খারাপ কপি-পেস্টের অভ্যাস</a></dt>
      <dd>
        অন্যান্য ওয়েব পেজের সোর্স দেখা এবং কপি-পেস্ট করার মাধ্যমে প্রায়ই অনেকে ওয়েব প্রযুক্তি শেখেন। কিন্তু, কখনো কখনো এই অভ্যাস চিরস্থায়ী হয়ে যায়। এই পেজে এই ধরণের প্যাটার্ন নিয়ে আলোচনা করা হয়েছে এবং কিভাবে আপনি আপনার লক্ষ্য সঠিক পথে অর্জন করবেন, তা নিয়ে আলোকপাত করা হয়েছে।</dd>
      <dt>
        <a href="/bn-BD/docs/HTML/Canvas/Drawing_Graphics_with_Canvas" title="Drawing_Graphics_with_Canvas">ক্যানভাসের সাহায্যে গ্রাফিক্স আঁকা</a></dt>
      <dd>
        প্রোগ্রামিং করার উপযোগী গ্রাফিক্সের জন্য নতুন HTML এলিমেন্ট। ক্লায়েন্টে গ্রাফ, ইউজার ইন্টারফেস, এবং অন্যান্য গ্রাফিক্স রেন্ডার করার জন্য <code>&lt;canvas&gt;</code> ব্যবহার করা যেতে পারে।</dd>
      <dt>
        <a href="/bn-BD/docs/HTML/Tips_for_authoring_fast-loading_HTML_pages" title="HTML/Tips for authoring fast-loading HTML pages">দ্রুত লোড হওয়া HTML পেজ তৈরির টিপস</a></dt>
      <dd>
        একটি অপটিমাইজ করা ওয়েব পেজ ব্যবহারকারীদের জন্য শুধুমাত্র একটি আকর্ষণীয় অভিজ্ঞতায় দেয় না, দ্রুত ব্যবহারকারীর ব্রাউজারে লোড হয়।</dd>
    </dl>
    <p><span class="alllinks"><a href="/bn-BD/docs/tag/HTML" title="Article tagged: HTML">সবগুলো দেখুন...</a></span></p>
  </div>
  <div class="section">
    <h2 class="Community" id="Community" name="Community">কমিউনিটির থেকে সাহায্য</h2>
    <p>আপনি কি HTML-সংক্রান্ত কোন সমস্যায় পড়েছেন এবং ডকুমেন্টেশনে সমাধান খুঁজে পাচ্ছেন না?</p>
    <ul>
      <li>নির্দিষ্ট মোজিলা ফোরামের শরণাপন্ন হোন : {{DiscussionList("dev-tech-html", "mozilla.dev.tech.html")}}</li>
      <li><a href="http://stackoverflow.com/questions/tagged/html" title="http://stackoverflow.com/questions/tagged/css">Stack Overflow</a> এ যান, এটি একটি সমবায়-ভিত্তিক প্রশ্নোত্তর সাইট। দেখুন এখানে আপনি আপনার প্রশ্নের উত্তর খুঁজে পান কিনা। যদি না পান, তবে আপনি আপনার প্রশ্ন জিজ্ঞাসা করতে পারেন।</li>
    </ul>
    <p><span class="alllinks"><a href="http://www.catb.org/~esr/faqs/smart-questions.html">Don't forget about the <em>netiquette</em>...</a></span></p>
    <h2 class="Tools" id="Tools" name="Tools">ডেভেলপমেন্ট সহায়ক টুল</h2>
    <ul>
      <li>ফায়ারফক্সের সাম্প্রতিক ভার্সনে বিল্ট-ইন <a href="https://developer.mozilla.org/bn-BD/docs/Tools#Integrated_into_Firefox" title="/bn-BD/docs/Tools#Integrated_into_Firefox">ওয়েব ডেভেলপার টুলস</a>, যেমন <a href="https://developer.mozilla.org/bn-BD/docs/Tools/Web_Console" title="/bn-BD/docs/Tools/Web_Console">ওয়েব কনসোল</a>, <a href="https://developer.mozilla.org/bn-BD/docs/Tools/Page_Inspector" title="/bn-BD/docs/Tools/Page_Inspector">পেজ ইন্সপেক্টর</a>, <a href="https://developer.mozilla.org/bn-BD/docs/Tools/Style_Editor" title="/bn-BD/docs/Tools/Style_Editor">স্টাইল এডিটর</a>, এবং <a href="https://developer.mozilla.org/bn-BD/docs/Tools/Responsive_Design_View" title="/bn-BD/docs/Tools/Responsive_Design_View">রেসপন্সিভ ডিজাইন ভিউ</a> যা ওয়েব পেজ তৈরি, ডিবাগ এবং উন্নত করতে সাহায্য করে।</li>
      <li>ফায়ারফক্সের <a class="link-https" href="https://addons.mozilla.org/bn-BD/firefox/addon/1843">Firebug extension</a><span class="external">, একটি জনপ্রিয় এক্সটেনশন </span>যা ডেভেলপমেন্টের বিভিন্ন ধাপ ব্রাউজারে লাইভ পরীক্ষা করার সুযোগ দেয়।</li>
      <li><a class="external" href="http://validator.w3.org/">HTML Validator</a></li>
      <li><a class="link-https" href="https://addons.mozilla.org/bn-BD/firefox/addon/web-developer/">Web Developer Extension</a></li>
      <li><a class="external" href="http://tidy.sourceforge.net/">HTML Tidy</a></li>
      <li><a class="external" href="http://prettydiff.com/?html">Pretty Diff</a></li>
    </ul>
    <p><span class="alllinks"><a href="/bn-BD/docs/tag/HTML:Tools" title="Article tagged: HTML:Tools">সবগুলো দেখুন...</a></span></p>
    <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">সংস্লিষ্ট বিষয়বস্তু</h2>
    <ul>
      <li><a href="/bn-BD/docs/CSS" title="CSS">Cascading Style Sheets (CSS)</a> এর সাহায্যে HTML এ স্টাইল দেয়া হয়।</li>
      <li><a href="/bn-BD/docs/Document_Object_Model_(DOM)" title="Document Object Model (DOM)">Document Object Model (DOM)</a> হল ট্রি হিসেবে HTML এর উপস্থাপন।</li>
      <li><a href="/bn-BD/docs/XHTML" title="XHTML">XHTML</a> হল ভাষাটির <a href="/bn-BD/docs/XML" title="XML">XML</a> ভার্সন।</li>
    </ul>
  </div>
</div>
<p>&nbsp;</p>
Revert to this revision