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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
|
---
title: Block-level elements
slug: Web/HTML/Block-level_elements
translation_of: Web/HTML/Block-level_elements
---
<p><span class="seoSummary">এইচটিএমএল (<strong>হাইপার টেক্সট মারকআপ ল্যাঙ্গুয়েজ</strong>) এর এলিমেন্টগুলো সাধানত "ব্লক-লেভেল" এলিমেন্ট অথবা <a href="/en-US/docs/HTML/Inline_elements" title="/en-US/docs/HTML/inline_elements">"ইনলাইন" এলিমেন্ত</a> । একটি ব্লক-লেভেল এলিমেন্ট তার প্যারেন্ট এলিমেন্তটর{কন্তাইনার} সমস্ত জায়গা দখল করে , সেজন্য একটি "ব্লক" বানানো হয় ।এগুলো বুজানোর জন্য এই প্রবন্ধটি সাহায্য করবে।</span></p>
<p>ব্রাউজারস এলিমেন্টর আগে এবং পরে এক নিওলাইনের সাথে ব্লক-লেভেল এলেমেন্টকেদেখায়।. নিচের উদাহরন ব্লক-লেভেল এলেমেন্টর প্রভাবের ব্যবহারিক প্রমান দেয়। </p>
<h2 id="Block-level_Example" name="Block-level_Example"><span style="color: rgb(51, 51, 51); margin-left: -3px; text-transform: none;">ব্লক-লেভেল এলিমেন্টস </span></h2>
<h3 id="এইচটিএমএল">এইচটিএমএল</h3>
<pre class="brush: html"><p>This paragraph is a block-level element; its background has been colored to display the paragraph's parent element.</p></pre>
<h3 id="সিএসএস">সিএসএস</h3>
<pre class="brush: css">p { background-color: #8ABB55; }
</pre>
<p>{{ EmbedLiveSample('Block-level_Example') }}</p>
<h2 id="ব্যবহারবিধি">ব্যবহারবিধি</h2>
<ul>
<li><span class="seoSummary">ব্লক-লেভেল এলিমেন্টস কখনো</span> {{ HTMLElement("body") }}এলিমেন্টের ভিতরে আসে।</li>
</ul>
<h2 id="ব্লক-লেভেল_বনাম._ইনলাইন"><span class="seoSummary">ব্লক-লেভেল</span> বনাম. ইনলাইন</h2>
<p><span class="seoSummary">ব্লক-লেভেল এলিমেন্টস এবং ইনলাইনের মধ্যে দুইটি বিশেষ পার্থক্য আসে।</span>:</p>
<dl>
<dt>ফরম্যাটিং</dt>
<dd>বাই ডিফল্ট,<span class="seoSummary">ব্লক-লেভেল এলিমেন্টস</span>নতুন লাইনেই শুরু করে, কিন্ত ইনলাইন এলিমেন্টস একটি লাইনের যেকোনো জায়গা থেকে শুরু করতে পারে।</dd>
<dt>কনটেন্ট মডেল</dt>
<dd>সাধারণত, <span class="seoSummary">ব্লক-লেভেল এলিমেন্টস ইনলাইন এলিমেন্টস</span> এবং বাকি ব্লক-লেভেল এলিমেন্টসকে ধরে রাখে। স্বভাবত গঠনগত স্বাতন্ত্র হল ঐ ধারনা যা ব্লক-লেভেল এলিমেন্টস ইনলাইন এলিমেন্টস থেকেও "বড়" কাঠামো তৈরি করে। </dd>
</dl>
<p>ব্লক-লেভেলের স্বাতন্ত্র বনাম.<span class="seoSummary">ইনলাইন এলিমেন্টস</span> এইচটিএমএলের সবিস্তার বিবরণীকে ৮.০১ পর্যন্ত ব্যবহার করা হয়। এইচটিএমএল৫ এ,এই বিনারি স্বাতন্ত্রকে আরো জটিল <a href="/en-US/docs/HTML/Content_categories" title="/en-US/docs/HTML/Content_categories">কন্টটেন্ট ক্যাটেগরিস </a>সেটে প্রতিস্থাপন করা হয়।এইচটিএমএল৫ এ "ব্লক-লেভেল" ক্যাটেগরিটি মোটামোটিভাবে <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="/en-US/docs/HTML/Content_categories#Flow_content">ফ্লও কনটেন্ট </a> ক্যাটাগরিতে সারা দেয়, যখন "ইনলাইন" <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="/en-US/docs/HTML/Content_categories#Phrasing_content">ফ্রাসিং কনটেন্ট </a> এ সারা দেয়, কিন্তু কোন বাড়তি ক্যাটাগরি নেই।</p>
<h2 id="এলিমেন্টস"><span class="seoSummary">এলিমেন্টস</span></h2>
<p>নিচে এইচটিএমএল<span class="seoSummary">ব্লক-লেভেল এলিমেন্টসের সম্পূর্ণ তালিকা দেওয়া</span> হল (যদিও "ব্লক-লেভেল" ব্যাখ্যা করা হইনই ঐএলিমেন্টের যা এইচটিএমএল৫ এ নতুন)।</p>
<div class="threecolumns">
<dl>
<dt>{{ HTMLElement("address") }}</dt>
<dd>Contact information.</dd>
<dt>{{ HTMLElement("article") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Article content.</dd>
<dt>{{ HTMLElement("aside") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Aside content.</dd>
<dt>{{ HTMLElement("blockquote") }}</dt>
<dd>Long ("block") quotation.</dd>
<dt>{{ HTMLElement("canvas") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Drawing canvas.</dd>
<dt>{{ HTMLElement("dd") }}</dt>
<dd>Definition description.</dd>
<dt>{{ HTMLElement("div") }}</dt>
<dd>Document division.</dd>
<dt>{{ HTMLElement("dl") }}</dt>
<dd>Definition list.</dd>
<dt>{{ HTMLElement("fieldset") }}</dt>
<dd>Field set label.</dd>
</dl>
<dl>
<dt>{{ HTMLElement("figcaption") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Figure caption.</dd>
<dt>{{ HTMLElement("figure") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Groups media content with a caption (see {{ HTMLElement("figcaption") }}).</dd>
<dt>{{ HTMLElement("footer") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Section or page footer.</dd>
<dt>{{ HTMLElement("form") }}</dt>
<dd>Input form.</dd>
<dt>{{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}</dt>
<dd>Heading levels 1-6.</dd>
<dt>{{ HTMLElement("header") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Section or page header.</dd>
<dt>{{ HTMLElement("hgroup") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Groups header information.</dd>
<dt>{{ HTMLElement("hr") }}</dt>
<dd>Horizontal rule (dividing line).</dd>
<dt>{{ HTMLElement("li") }}</dt>
<dd>List item.</dd>
<dt>{{ HTMLElement("main") }}</dt>
<dd>Contains the central content unique to this document.</dd>
<dt>{{ HTMLElement("nav") }}</dt>
<dd>Contains navigation links.</dd>
</dl>
<dl>
<dt>{{ HTMLElement("noscript") }}</dt>
<dd>Content to use if scripting is not supported or turned off.</dd>
<dt>{{ HTMLElement("ol") }}</dt>
<dd>Ordered list.</dd>
<dt>{{ HTMLElement("output") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Form output.</dd>
<dt>{{ HTMLElement("p") }}</dt>
<dd>Paragraph.</dd>
<dt>{{ HTMLElement("pre") }}</dt>
<dd>Preformatted text.</dd>
<dt>{{ HTMLElement("section") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Section of a web page.</dd>
<dt>{{ HTMLElement("table") }}</dt>
<dd>Table.</dd>
<dt>{{ HTMLElement("tfoot") }}</dt>
<dd>Table footer.</dd>
<dt>{{ HTMLElement("ul") }}</dt>
<dd>Unordered list.</dd>
<dt>{{ HTMLElement("video") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Video player.</dd>
</dl>
</div>
<h3 id="See_also" name="See_also">আরো দেখুন</h3>
<ul>
<li><a href="/en-US/docs/HTML/Inline_elements" title="en/HTML/Inline_elements">ইনলাইন এলিমেন্ট</a></li>
</ul>
|
