files/bn/web/html/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80

---
title: HTML( হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ )
slug: Web/HTML
tags:
  - HTML
  - HTML5
  - Landing
  - Web
translation_of: Web/HTML
---
<div>{{HTMLSidebar}}</div>

<p><span class="seoSummary"><strong>HTML</strong> (HyperText Markup Language) হল ওয়েব নির্মানের মূল উপাদান। এটি ওয়েবপেজের বিষয়বস্তুগুলিকে বর্ণনা এবং সংজ্ঞায়িত করে। সাধারণভাবে HTML ছাড়া অন্যান্য প্রযুক্তি একটি ওয়েবপেজের চেহারা / উপস্থাপনা (<a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a>) অথবা কার্যকারিতা (<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">Javascript</a>) বর্ণনার জন্য ব্যবহার করা হয়। আপনার ব্রাউজারে প্রদর্শিত সবকিছুই মূলত HTML দিয়ে গঠিত হয়। আরও সঠিকভাবে বলা যায় যে, HTML হল এমন একটি ভাষা যা একটি ওয়েব ডকুমেন্টের গঠন, নক্সা, বিষয়বস্তুর অবস্থান, অভ্যন্তরীণ তথ্য ইত্যাদি নিয়ন্ত্রণ করে।</span></p>

<p>"হাইপার টেক্সট" বলতে একটি লিঙ্ক বোঝায় যেটা একটি ওয়েব পেজের সঙ্গে আরেকটি ওয়েবপজের সংযোগ স্থাপন করে, হয় একটি একক ওয়েবসাইট মধ্যে বা বিভিন্ন ওয়েবসাইটের মধ্যে। লিঙ্ক গুলি ওয়েবের সবচেয়ে অপরিহার্য অংশ। ইন্টারনেটে বিষয়বস্তু আপলোড এবং তা অন্যান্য ব্যক্তিদের দ্বারা নির্মিত পৃষ্ঠাগুলিতে সংযুক্ত করে আপনি ওয়ার্ল্ড ওয়াইড ওয়েবের একজন সক্রিয় অংশগ্রহণকারী হয়ে যেতে পারেন।</p>

<p>একটি ওয়েব ব্রাউজারের মধ্যে লেখা, ছবি, এবং অন্যান্য বিষয়বস্তু প্রদর্শনের জন্য এইচটিএমএল "মার্কআপ" ব্যবহার করে। HTML এর মার্কাপগুলি বিশেষ কতগুলি উপাদান দিয়ে অন্তর্ভুক্ত যেমন {{HTMLElement("head")}}, {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}}, এবং অনেক কিছু।</p>

<p>নিচের প্রবন্ধগুলি আপনাকে HTML শিখতে আরও সাহায্য করবে।</p>

<section class="cleared" id="sect1">
<ul class="card-grid">
 <li><span>HTML প্রসঙ্গ</span>

  <p>আমাদের বিস্তীর্ণ <a href="/bn-BD/docs/Web/HTML/Reference">HTML reference</a> অধ্যায়ে HTML এর সকল এলিমেন্ট ও অ্যাট্রিবিউট এর বিস্তারিত তথ্য জানতে পারবেন।</p>
 </li>
 <li><span>HTML ডেভেলপার নির্দেশিকা</span>
  <p>HTML ব্যবহার সম্পর্কিত নিবন্ধ, পরিপূর্ণ উদাহরণ সহ টিউটোরিয়াল ইত্যাদি দেখতে আমাদের <a href="/bn-BD/docs/Web/Guide/HTML">HTML ডেভেলপার গাইড</a> দেখুন।</p>
 </li>
 <li><span>HTML পরিচিতি</span>
  <p>ওয়েব ডেভেলপমেন্ট এর ক্ষেত্রে আপনি যদি নতুন হয়ে থাকেন, তাহলে HTML কি এবং কিভাবে এটা ব্যবহার করতে হবে ইত্যাদি জানার জন্য আমাদের <a href="https://developer.mozilla.org/bn-BD/docs/Web/Guide/HTML/Introduction">পরিচিতি</a> নিবন্ধটি অবশ্যই পড়বেন।</p>
 </li>
</ul>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Documentation" name="Documentation">রেফারেন্স সমূহ</h2>

<p>{{SubpagesWithSummaries}}</p>

<p><span class="alllinks"><a href="/bn-BD/docs/tag/HTML" title="Article tagged: HTML">সব দেখুন...</a></span></p>
</div>

<div class="section">
<h2 class="Tools" id="Tools" name="Tools">গাইড এবং টিউটোরিয়াল সমূহ</h2>

<dl>
 <dt><a href="/bn-BD/docs/Web/Guide/HTML">এইচটিএমএল ডেভেলপার গাইড</a></dt>
 <dd>এমডিএন এর কিছু নিবন্ধ, যাতে কিছু নির্দিষ্ট কৌশল বর্ণনা করা হয়েছে যেগুলো আপনি HTML দিয়ে ওয়েব কন্টেন্ট তৈরি করার সময় ব্যবহার করতে পারেন। এখানে কিছু টিউটোরিয়ালও আছে যেগুলো আপনার কাজে লাগবে।</dd>
</dl>
</div>
</div>
</section>

<dl>
 <dt class="landingPageList"><a href="/bn-BD/docs/Web/HTML/Element">HTML উপাদানসমূহের নির্দেশিকা</a></dt>
 <dd class="landingPageList">সকল <a class="glossaryLink" href="/bn-BD/docs/Glossary/HTML">HTML</a> <a class="glossaryLink" href="/bn-BD/docs/Glossary/Element">উপাদানের</a> একটি তালিকা দেখুন।</dd>
 <dt class="landingPageList"><a href="/bn-BD/docs/Web/HTML/Reference">HTML প্রসঙ্গ</a></dt>
 <dd class="landingPageList">এইচটিএমএল এলিমেন্ট নিয়ে গঠিত, যার প্রত্যেকটি কতগুলি আট্রিবিউট দ্বারা পরিবর্তিত হতে পারে. HTML documents গুলি পরস্পরের সঙ্গে অন্যান্য <a href="/bn-BD/docs/Web/HTML/Link_types">লিঙ্কের</a> মাধ্যমে সংযুক্ত থাকে। </dd>
 <dt class="landingPageList"><a href="/bn-BD/docs/Web/HTML/Inline_elements">Inline উপাদানসমূহ</a></dt>
 <dd class="landingPageList">এইচটিএমএল এলিমেন্ট সাধারণত "ইনলাইন" উপাদান বা <a href="/bn-BD/docs/Web/HTML/Block-level_elements">"ব্লক-স্তরের"</a> উপাদান। একটি ইনলাইন উপাদান শুধুমাত্র ট্যাগের ভিতরের স্থান অধিকার করে থাকে। </dd>
 <dt class="landingPageList"><a href="/bn-BD/docs/Web/HTML/Block-level_elements">Block-level উপাদানসমূহ</a></dt>
 <dd class="landingPageList">এইচটিএমএল এলিমেন্ট সাধারণত "ব্লক-স্তরের" উপাদান বা <a href="/bn-BD/docs/HTML/Inline_elements">"ইনলাইন"</a> উপাদান। একটি ব্লক স্তরের উপাদান তার  প্যারেন্ট এলিমেন্টের (container) সমস্ত জায়গা জুরে অবস্থান করে, যার ফলে একটি "ব্লক" তৈরি হয়।</dd>
 <dt class="landingPageList"><a href="/bn-BD/docs/Web/HTML/CORS_enabled_image">CORS সক্রিয় ছবি</a></dt>
 <dd class="landingPageList">The <code><a href="/bn-BD/docs/Web/HTML/Element/img#attr-crossorigin">crossorigin</a></code> attribute, in combination with an appropriate <a class="glossaryLink" href="/bn-BD/docs/Glossary/CORS">CORS</a> header, allows images defined by the {{HTMLElement("img")}} element to be loaded from foreign origins and used in a {{HTMLElement("canvas")}} element as if they were being loaded from the current origin.</dd>
 <dt class="landingPageList"><a href="/bn-BD/docs/Web/HTML/CORS_settings_attributes">CORS বৈশিষ্ট্যাবলী সেটিংস</a></dt>
 <dd class="landingPageList">Some HTML elements that provide support for <a href="/bn-BD/docs/HTTP/Access_control_CORS">CORS</a>, such as {{HTMLElement("img")}} or {{HTMLElement("video")}}, have a <code>crossorigin</code> attribute (<code>crossOrigin</code> property), which lets you configure the CORS requests for the element's fetched data.</dd>
 <dt class="landingPageList"><a href="/bn-BD/docs/Web/HTML/Focus_management_in_HTML">HTML এ ফোকাস ব্যবস্থাপনা</a></dt>
 <dd class="landingPageList">The <code><a href="/bn-BD/docs/Web/API/Document/activeElement">activeElement</a></code> DOM attribute and the <code><a href="/bn-BD/docs/Web/API/Document/hasFocus">hasFocus()</a></code> DOM method help you track and control a user's interactions with elements on a webpage.</dd>
 <dt class="landingPageList"><a href="/bn-BD/docs/Web/HTML/Global_attributes">সার্বজনীন attributes</a></dt>
 <dd class="landingPageList">Global attributes may be specified on all <a href="/bn-BD/docs/Web/HTML/Element">HTML elements</a>, <em>even those not specified in the standard</em>. This means that any non-standard elements must still permit these attributes, even though those elements make the document HTML5-noncompliant.</dd>
 <dt class="landingPageList"><a href="/bn-BD/docs/Web/HTML/Attributes">HTML attribute নির্দেশিকা</a></dt>
 <dd class="landingPageList">Elements in HTML have <strong>attributes</strong>. These are additional values that configure the elements or adjust their behavior in various ways.</dd>
 <dt class="landingPageList"><a href="/bn-BD/docs/Web/HTML/Link_types">লিংকের ধরন</a></dt>
 <dd class="landingPageList">In HTML, various link types can be used to establish and define the relationship between two documents. Link types include <a href="/bn-BD/docs/Web/HTML/Element/a"><code>&lt;a&gt;</code></a>, <a href="/bn-BD/docs/Web/HTML/Element/area"><code>&lt;area&gt;</code></a>, and <a href="/bn-BD/docs/Web/HTML/Element/link"><code>&lt;link&gt;</code></a>.</dd>
 <dt class="landingPageList"><a href="/bn-BD/docs/Web/HTML/Supported_media_formats">এইচটিএমএল অডিও এবং ভিডিও উপাদান দ্বারা সমর্থিত Media বিন্যাস</a></dt>
 <dd class="landingPageList">The <a href="/bn-BD/docs/Web/HTML/Element/audio"><code>&lt;audio&gt;</code></a> and <a href="/bn-BD/docs/Web/HTML/Element/video"><code>&lt;video&gt;</code></a> elements allow you to play audio and video media. These elements provide a browser-native alternative to similar capabilities found in Adobe Flash and other plug-ins.</dd>
 <dt class="landingPageList"><a href="/bn-BD/docs/Web/HTML/Using_the_application_cache">Using the application cache</a></dt>
 <dd class="landingPageList">Application caching lets web-based applications run offline. You can use the <strong>Application Cache</strong> (<em>AppCache</em>) interface to specify resources that the browser should cache and make available to offline users. Applications that are cached load and work correctly even if users click the refresh button when they are offline.</dd>
</dl>