Village IT Center

এইচটিএমএল এর টেক্সট ফরমেটিং (HTML Text Formatting Elements)

Md. Almamun Ar Rashid

Link Author I like to help everybody who are try to change hes won life and help each another. My best choose is learning and earning. I want to do something for my all unemployed person in our country. I want to change all old idea that are still now in our mind.

Title: এইচটিএমএল এর টেক্সট ফরমেটিং (HTML Text Formatting Elements)
Author: Md. Almamun Ar Rashid
Rating 5 of 5 Des:

এইচটিএমএল ফরম্যাটিং elements (HTML Formatting Element) গত অধ্যায়ে আপনারা জেনেছেন, HTML Style Attribute দ্বারা কিভাবে HTML Style কে প...

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: justify;">
এইচটিএমএল ফরম্যাটিং elements (HTML Formatting Element)</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-oJI0YK0edR16-zMkXBrbvO7KqsETG-o-QMj2l_NQ-QUIHjJKlMJK4vyxDkDMsTXgDcNHuZkGRvCFRkwNC5PGhO8Sa3HYDG7WH9uF2_HDZirEAsU7lb8jrOvdHpWZDCxZjoCTziM-9own/s1600/html-hr-8-638.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="359" data-original-width="638" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-oJI0YK0edR16-zMkXBrbvO7KqsETG-o-QMj2l_NQ-QUIHjJKlMJK4vyxDkDMsTXgDcNHuZkGRvCFRkwNC5PGhO8Sa3HYDG7WH9uF2_HDZirEAsU7lb8jrOvdHpWZDCxZjoCTziM-9own/s640/html-hr-8-638.jpg" width="640" /></a></div>
<div style="text-align: justify;">
গত অধ্যায়ে আপনারা জেনেছেন, HTML <strong>Style Attribute</strong> দ্বারা কিভাবে HTML <strong>Style</strong> কে পরিবর্তন করা যায়।</div>
<div style="text-align: justify;">
এ অধ্যায়ে আমরা HTML Formatting Element সম্পর্কে জানব। নিম্নে HTML Text  Formatting  Elements গুলোকে উদাহরণসহ তুলে ধরা হল-</div>
<div style="text-align: justify;">
এইচটিএমএল এর কিছু গুরুত্তপূর্ণ উপাদান আছে যা দিয়ে টেক্সট কে বিভিন্নরুপে সাজানো যায়।</div>
<div style="text-align: justify;">
যেমন আমরা বোল্ড এবং ইতালিক টেক্সট পাওয়ার জন্য ব্যবহার করব <strong><b></strong> এবং<strong> <i></strong>। ফরম্যাটিং উপাদান দ্বারা কি ধরনের টেক্সট হতে পারে তা নিচে দেওয়া হল</div>
<ul style="text-align: justify;">
<li>Bold text</li>
<li>Important text</li>
<li>Italic text</li>
<li>Emphasized text</li>
<li>Marked text</li>
<li>Small text</li>
<li>Deleted text</li>
<li>Inserted text</li>
<li>Subscripts</li>
<li>Superscripts</li>
</ul>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল <strong>Bold</strong> এবং <strong>strong</strong> ফরম্যাট এর উদাহরণ</h2>
<div style="text-align: justify;">
<strong><b></strong> এলিমেন্ট Text কে বোল্ড করে, Text কে কোন বিশেষ গুরুত্ব প্রদান করে না।</div>
<div style="text-align: justify;">
<strong>উদাহরণঃ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<!DOCTYPE html><br />
<html><br />
<body></div>
<div style="text-align: justify;">
<p>This text is normal.</p></div>
<div style="text-align: justify;">
<p><b>This text is bold.</b></p></div>
<div style="text-align: justify;">
</body><br />
</html></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফলঃ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
This text is normal.</div>
<div style="text-align: justify;">
<b>This text is bold.</b></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
এইচটিএমএল এর <strong><strong></strong> এলিমেন্ট <strong>strong</strong> টেক্সট ডিফাইন করে যা শব্দ বা বাক্যটিকে বিশেষ গুরুত্ব প্রদান করে।</div>
<div style="text-align: justify;">
<strong>উদাহরণঃ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<p><strong>This text is strong</strong>.</p></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফলঃ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<strong>This text is strong</strong>.</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল italic এবং emphasized ফরম্যাট</h2>
<div style="text-align: justify;">
এইচটিএমএল এ <strong><i></strong> উপাদান দিয়ে ইতালিক টেক্সট ডিসপ্লে করা হয় কোন অতিরিক্ত গুরুত্ত প্রদান করা ব্যতীত।</div>
<div style="text-align: justify;">
<strong>উদাহরণঃ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<p><i>This text is italic</i>.</p></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফলঃ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<i>This text is italic</i>.</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
গুরুত্ব সহকারে <strong>emphasized</strong> টেক্সট দেখানোর জন্য <strong><em></strong> উপাদান ব্যবহার করা হয়</div>
<div style="text-align: justify;">
<strong>উদাহরণঃ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<p><em>This text is emphasized</em>.</p></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফলঃ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<em>This text is emphasized</em>.</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>দ্রষ্টব্য:</strong> ব্রাউজার গুলো <strong><strong></strong> কে <strong><b></strong> এবং <strong><em></strong> কে <strong><i></strong> আকারে ডিসপ্লে করে<br />
যদিও এই ট্যাগ গুলোর মধ্যে অর্থগত ভিন্নতা রয়েছেঃ এখানে <strong><b></strong> এবং <strong><i></strong> বোল্ড এবং ইতালিক টেক্সট বুঝায় কিন্ত <strong><strong></strong> এবং <strong><em></strong> ট্যাগ বুঝায় যে টেক্সগুলো গুরুত্বপূর্ণ।</div>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
 এইচটিএমএল small ফরম্যাটিং</h2>
<div style="text-align: justify;">
<strong><small></strong> ট্যাগ ব্যবহার করে এইচটিএমএল এ ছোট আকারের লেখা দেখানো যায়</div>
<div style="text-align: justify;">
<strong>উদাহরণ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<h2>HTML <small>Small</small> Formatting</h2></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফলঃ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<h2 style="text-align: justify;">
HTML <small>Small</small> Formatting</h2>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল marked ফরম্যাটিং:</h2>
<div style="text-align: justify;">
হাইলাইট করা কোন টেক্সট ডিসপ্লে করার জন্য ব্যবহার করা হয় <strong><mark></strong> ট্যাগ</div>
<div style="text-align: justify;">
<strong>উদাহরণ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<h2>HTML <mark>Marked</mark> Formatting</h2></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফলঃ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<h2 style="text-align: justify;">
HTML <mark>Marked</mark> Formatting</h2>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল deleted ফরম্যাটিং</h2>
<div style="text-align: justify;">
কোন টেক্সট কে বাদ দেয়া বা মুছে ফেলা হয়েছে বুঝাতে টেক্সট এর গায়ে কাটা চিহ্ন দেখানোর জন্য <strong><del></strong> ট্যাগ ব্যবহার করা হয় ।</div>
<div style="text-align: justify;">
<strong>উদাহরণ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<p>My favorite color is <del>blue</del> red.</p></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফলঃ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
My favorite color is <del>blue</del> red.</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল inserted ফরম্যাটিং</h2>
<div style="text-align: justify;">
কোন নতুন টেক্সট যুক্ত করা হয়েছে বূঝাতে টেক্সট এর নিচে দাগ দেখানোর জন্য আমরা <strong><ins></strong> ট্যাগ ব্যবহার করা হয়।</div>
<div style="text-align: justify;">
<strong>উদাহরণ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<p>My favorite <ins>color</ins> is red.</p></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফল</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
My favorite <ins>color</ins> is red.</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল subscripts ফরম্যাটিং</h2>
<div style="text-align: justify;">
সাধারন লাইনের নিচে কোন টেক্সট কে ডিসপ্লে করার জন্য আমরা <strong><sub></strong> ট্যাগটি ব্যবহার করব</div>
<div style="text-align: justify;">
<strong>উদাহরণ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<p>This is <sub>subscripted</sub> text.</p></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফলঃ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
This is <sub>subscripted</sub> text.</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল superscripts ফরম্যাটিং</h2>
<div style="text-align: justify;">
সাধারন লাইনের উপরে কোন টেক্সট কে দেখানোর জন্য আমরা <strong><sup></strong> এই ট্যাগ টি ব্যবহার করা হয়</div>
<div style="text-align: justify;">
<strong>উদাহরণ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<p>This is <sup>superscripted</sup> text.</p></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফলঃ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
This is <sup>superscripted</sup> text.</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<h5 style="text-align: justify;">
<span style="text-decoration: underline;">এইচটিএমএল এর টেক্সট ফরম্যাটিং এর জন্য ট্যাগ গুলো নিচে পর্যায় ক্রমে দেখানো হলঃ</span></h5>
<div style="text-align: justify;">
<br /></div>
<table style="height: 358px; margin-left: 0px; margin-right: 0px; text-align: left; width: 563px;"><tbody>
<tr>
<td style="padding-left: 30px;"><strong>Tag</strong></td>
<td style="padding-left: 30px;"><strong>Description (বর্ণনা)</strong></td>
</tr>
<tr>
<td style="padding-left: 30px;"><b></td>
<td style="padding-left: 30px;">কোন text কে bold করতে এ tag ব্যবহার করা হয়।</td>
</tr>
<tr>
<td style="padding-left: 30px;"><strong></td>
<td style="padding-left: 30px;">গুরুত্বপূর্ণ Text কে তুলে ধরতে এই tag ব্যবহৃত হয়।</td>
</tr>
<tr>
<td style="padding-left: 30px;"><i></td>
<td style="padding-left: 30px;">কোন text কে italic করতে এই tag ব্যবহৃত হয়।</td>
</tr>
<tr>
<td style="padding-left: 30px;"><em></td>
<td style="padding-left: 30px;">Emphasized  text কে তুলে ধরতে এটি ব্যবহৃত হয়।</td>
</tr>
<tr>
<td style="padding-left: 30px;"><small></td>
<td style="padding-left: 30px;">ছোট কোন Text কে তুলে ধরা এই tag এর দ্বারা।</td>
</tr>
<tr>
<td style="padding-left: 30px;"><u></td>
<td style="padding-left: 30px;">Text কে underline করতে একে ব্যবহার করা হয়।</td>
</tr>
<tr>
<td style="padding-left: 30px;"><mark></td>
<td style="padding-left: 30px;">কোন text কে হাইলাইট করতে <mark> tag ব্যবহার করা হয়।</td>
</tr>
<tr>
<td style="padding-left: 30px;"><del></td>
<td style="padding-left: 30px;">Text কে remove করতে এই tag ব্যবহৃত হয়।</td>
</tr>
<tr>
<td style="padding-left: 30px;"><ins></td>
<td style="padding-left: 30px;">কোন text কে add করতে এটি ব্যবহৃত হয়।</td>
</tr>
<tr>
<td style="padding-left: 30px;"><sub></td>
<td style="padding-left: 30px;">Subscripted  text কে চিহ্নিত করতে এই element ব্যবহৃত হয়।</td>
</tr>
<tr>
<td style="padding-left: 30px;"><sup></td>
<td style="padding-left: 30px;">Superscripted  text কে চিহ্নিত করতে এই element ব্যবহৃত হয়।</td></tr>
</tbody></table>
<div style="text-align: justify;">
</div>
</div>

এইচটিএমএল এর টেক্সট ফরমেটিং (HTML Text Formatting Elements)

আরো পড়ুন »

এইচটিএমএল এর স্টাইল (HTML Styles)

Md. Almamun Ar Rashid

Title: এইচটিএমএল এর স্টাইল (HTML Styles)
Author: Md. Almamun Ar Rashid
Rating 5 of 5 Des:

এইচটিএমএল স্টাইল প্রত্যেকটি এইচটিএমএল উপাদানের জন্য একটি ডিফল্ট বা নির্দিষ্ট স্টাইল থাকে পিছনের কালার বা ব্যাকগ্রাউন্ড কালার সাদা এবং...

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: center;">
এইচটিএমএল স্টাইল
</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2770KsrtQxr-wQ8aZ2l_hZbz-NmAVdprO9ADk6wuhPlVnLoUfvhIlCJQ9F4c3upmQU0lZUju3DZBecbW5dSAVl7oFatRbJO5iUgHGYjOlmVDbtF6yAc-pBRvEzzmDIcNRfJ-Qi9CiJveY/s1600/HtmlCss.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="575" data-original-width="960" height="382" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2770KsrtQxr-wQ8aZ2l_hZbz-NmAVdprO9ADk6wuhPlVnLoUfvhIlCJQ9F4c3upmQU0lZUju3DZBecbW5dSAVl7oFatRbJO5iUgHGYjOlmVDbtF6yAc-pBRvEzzmDIcNRfJ-Qi9CiJveY/s640/HtmlCss.jpg" width="640" /></a></div>
<div style="text-align: justify;">
প্রত্যেকটি এইচটিএমএল উপাদানের জন্য একটি ডিফল্ট বা নির্দিষ্ট স্টাইল 
থাকে পিছনের কালার বা ব্যাকগ্রাউন্ড কালার সাদা এবং টেক্সট এর কালার কালো। 
স্টাইল attribute এর মাধ্যমে আমরা এই ডিফল্ট কালার কে পরিবর্তন করতে পারি। 
নিচের উদাহরণ এ ব্যাকগ্রাউন্ড কালার ডিফল্ট সাদা থেকে light gray কালার এ 
পরিবর্তনকরা হয়েছে।</div>
<div style="text-align: justify;">
<strong>উদাহরণ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<!DOCTYPE html><br />
<html><br />
<body style="background-color:lightgrey"></div>
<div style="text-align: justify;">
<h1>This is a heading</h1></div>
<div style="text-align: justify;">
<p>This is a paragraph.</p></div>
<div style="text-align: justify;">
</body><br />
</html></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<table style="margin-left: 0px; margin-right: 0px; text-align: left;">
<tbody>
<tr>
<td width="770">
<h1>
<strong>This is a heading</strong></h1>
This is a paragraph.</td>
</tr>
</tbody>
</table>
<div style="text-align: justify;">
Bgcolor attribute পুরাতন এইচটিএমএল ভার্সন এ সাপোর্ট করে কিন্তু এইচটিএমএল ৫ এ সাপোর্ট করে না</div>
<h2 style="text-align: justify;">
এইচটিএমএল স্টাইল attribute</h2>
<div style="text-align: justify;">
এইচটিএমএল স্টাইল attribute নিম্নোক্ত syntax মেনে চলে</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
style="property:value"</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
এই<strong> প্রপার্টি</strong> হল সিএসএস এর প্রপার্টি এবং <strong>ভ্যালু</strong> হল সিএসএস এর ভ্যালু।</div>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল টেক্সট কালার</h2>
<div style="text-align: justify;">
এইচটিএমএল এর টেক্সট কালার পরিবর্তন করার জন্য <strong>color</strong> প্রপার্টি ব্যবহার করা হয়।<br />
উদাহরণ</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<body><br />
<h1 style="color:blue">This is a heading<br />
<p style="color:red">This is a paragraph.</p><br />
</body></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
ফলাফল</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<h1 style="color: blue; text-align: justify;">
This is a heading</h1>
<div style="color: red; text-align: justify;">
This is a paragraph.</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল ফন্টস</h2>
<div style="text-align: justify;">
Font-family প্রপার্টি দ্বারা ফন্টের ধরন পরিবর্তন করা হয়।<br />
উদাহরণ</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<body><br />
<h1 style="font-family:verdana">This is a heading</h1><br />
<p style="font-family:courier">This is a paragraph.</p><br />
</body></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফল</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<h1 style="font-family: verdana; text-align: justify;">
This is a heading</h1>
<div style="font-family: courier; text-align: justify;">
This is a paragraph.</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
পুরাতন এইচটিএমএল এ <font> ট্যাগ সাপোর্ট করে কিন্তু এইচটিএমএল ৫ এ সাপোর্ট করে না।</div>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল টেক্সট সাইজ</h2>
<div style="text-align: justify;">
Font-size প্রপার্টি দ্বারা টেক্সট এর আকার পরিবর্তন করা হয়।<br />
উদাহরণ</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<body><br />
<h1 style="font-size:300%">This is a heading</h1><br />
<p style="font-size:160%">This is a paragraph.</p><br />
</body></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফল</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<h1 style="font-size: 300%; text-align: justify;">
This is a heading</h1>
<div style="font-size: 160%; text-align: justify;">
This is a paragraph.</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল টেক্সট alignment</h2>
<div style="text-align: justify;">
Text-align প্রপার্টি দ্বারা টেক্সট horizontal ভাবে কোন দিকে অবস্থান করবে তা নির্দেশ দেওয়া হয়<br />
উদাহরণ</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<body><br />
<h1 style="text-align:center">Centered Heading</h1><br />
<p>This is a paragraph.</p><br />
</body></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফল</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<h1 style="text-align: justify;">
Centered Heading</h1>
<div style="text-align: justify;">
This is a paragraph.</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<center> ট্যাগ পুরাতন এইচটিএমএল ভার্সন এ কাজ করে নতুন এইচটিএমএল এ কাজ করে না।</div>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
একনজরে প্রপার্টি গুলো</h2>
<div style="padding-left: 30px; text-align: justify;">
• স্টাইল attribute এর ব্যবহার</div>
<div style="padding-left: 30px; text-align: justify;">
• background-color এর ব্যবহার</div>
<div style="padding-left: 30px; text-align: justify;">
• color এর সাহায্যে টেক্সট কালার এর ব্যবহার</div>
<div style="padding-left: 30px; text-align: justify;">
• টেক্সট এর ফন্ট এর জন্য font-family এর ব্যবহার</div>
<div style="padding-left: 30px; text-align: justify;">
• টেক্সট এর আকার এর জন্য font-size এর ব্যবহার</div>
<div style="padding-left: 30px; text-align: justify;">
এবং</div>
<div style="padding-left: 30px; text-align: justify;">
• text-align এর ব্যবহার।</div>
</div>

এইচটিএমএল এর স্টাইল (HTML Styles)

আরো পড়ুন »

এইচটিএমএল এর অণুচ্ছেদ (HTML Paragraphs)

Md. Almamun Ar Rashid

Title: এইচটিএমএল এর অণুচ্ছেদ (HTML Paragraphs)
Author: Md. Almamun Ar Rashid
Rating 5 of 5 Des:

এইচটিএমএল প্যারাগ্রাফ বা অনুচ্ছেদ এইচটিএমএল ডকুমেন্ট বিভিন্ন অনুচ্ছেদে ভাগ করা হয়। এর জন্য বিভিন্ন ট্যাগ রয়েছে যেগুলো ব্যবহারে দুটি ল...

<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 style="text-align: justify;">
এইচটিএমএল প্যারাগ্রাফ বা অনুচ্ছেদ</h1>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinjzQWpj6I4aoChyphenhyphenO2gslPR2PTlHDGFq5BErVCOQAnfTUjolgUsQtNRIWkhZ6aC5b7LtBibu47idFUmKXbtHqsYnP6jQCLABR1zuljW6NxXGQup54lPZW5KMhwvhmKr4LW_3qBOMbGEkm7/s1600/HTML-Paragraphs.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="628" data-original-width="1200" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinjzQWpj6I4aoChyphenhyphenO2gslPR2PTlHDGFq5BErVCOQAnfTUjolgUsQtNRIWkhZ6aC5b7LtBibu47idFUmKXbtHqsYnP6jQCLABR1zuljW6NxXGQup54lPZW5KMhwvhmKr4LW_3qBOMbGEkm7/s640/HTML-Paragraphs.jpg" width="640" /></a></div>
<div style="text-align: justify;">
এইচটিএমএল ডকুমেন্ট বিভিন্ন অনুচ্ছেদে ভাগ করা হয়। এর জন্য বিভিন্ন ট্যাগ রয়েছে যেগুলো ব্যবহারে দুটি লাইনকে পৃথক করা যায়।</div>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল প্যারাগ্রাফ</h2>
<div style="text-align: justify;">
এইচটিএমএল < p> উপাদান একটি অনুচ্ছেদ সংজ্ঞায়িত করে।</div>
<div style="text-align: justify;">
যেমনঃ-<br />
<p>This is a paragraph</p><br />
<p>This is another paragraph</p><br />
[* ব্রাউজার স্বয়ংক্রিয়ভাবে অনুচ্ছেদের আগে ও পরে একটি খালি লাইন যোগ করে। ]</div>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল প্রদর্শন</h2>
<div style="text-align: justify;">
আপনি নিশ্চিত হতে পারবেন না যে কিভাবে এইচটিএমএল দেখানো হবে।</div>
<div style="text-align: justify;">
বড় বা ছোট পর্দা, এবং পরিবর্তিত windows ভিন্ন ফলাফল তৈরি করবে।</div>
<div style="text-align: justify;">
এইচটিএমএল এ, আপনি অতিরিক্ত স্পেস যোগ করা আউটপুট পরিবর্তন করতে পারবেন না।</div>
<div style="text-align: justify;">
ব্রাউজার অতিরিক্ত স্পেস এবং অতিরিক্ত লাইন মুছে ফেলবে যখন পেজটি 
প্রদর্শিত হয়। যেকোন স্পেস সংখ্যা এবং নতুন লাইন একটিমাত্র স্পেস হিসেবে 
গণনা করা হবে।</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>উদাহরণ</strong></div>
<div class="example_code notranslate htmlHigh" style="text-align: justify;">
<hr style="margin-left: 0px; margin-right: 0px;" />
<span class="highLT"><</span><span class="highELE">p</span><span class="highGT">></span><br />
This paragraph<br />
contains a lot of lines<br />
in the source code,<br />
but the browser<br />
ignores it.<br />
<span class="highLT"><</span><span class="highELE">/p</span><span class="highGT">></span><br />

<span class="highLT"><</span><span class="highELE">p</span><span class="highGT">></span><br />
This paragraph<br />
contains         a lot of spaces<br />
in the source         code,<br />
but the        browser<br />
ignores it.<br />
<span class="highLT"><</span><span class="highELE">/p</span><span class="highGT"><span class="highGT">></span></span><br />

<hr style="margin-left: 0px; margin-right: 0px;" />
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফল</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
This paragraph contains a lot of lines in the source code, but the browser ignores it.</div>
<div style="text-align: justify;">
This paragraph contains a lot of spaces in the source code, but the browser ignores it.</div>
<div style="text-align: justify;">
The number of lines in a paragraph depends on the size of the browser
 window. If you resize the browser window, the number of lines in this 
paragraph will change.</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
শেষ ট্যাগ দিতে ভুলে যাবেন না। যদি আপনি শেষ ট্যাগ দিতে ভুলে যান তবুও অনেক ব্রাউজার সঠিকভাবে এইচটিএমএল প্রদর্শন করে।</div>
<div style="text-align: justify;">
যেমনঃ-</div>
<div style="text-align: justify;">
<p>This is a paragraph<br />
<p>This is another paragraph</div>
<div style="text-align: justify;">
উপরের উদাহণটি অধিকাংশ ব্রাউজারে প্রদর্শন করবে কিন্তু কিন্তু এটার উপর নির্ভর করবেন না। শেষ ট্যাগ অবশ্যই দিবেন।</div>
<div style="text-align: justify;">
শেষ ট্যাগ এর না হওয়া অপ্রত্যাশিত ফলাফল বা ত্রুটি দেখাতে পারে।</div>
<div style="text-align: justify;">
HTML এর Stricter সংস্করণ যেমন-এক্সএইচটিএমএল এ আপনাকে শেষ ট্যাগ skip করতে দিবে না। শেষ ট্যাগ অবশ্যই দিতে হবে।</div>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল লাইন ব্রেক</h2>
<div style="text-align: justify;">
এইচটিএমএল <br> উপাদান একটি লাইন বিরতি দিতে ব্যবহৃত হয়।</div>
<div style="text-align: justify;">
প্যারাগ্রাফ ব্যবহার না করে <br> ব্যবহার করুন যদি আপনার নতুন একটি লাইনের দরকার হয়।</div>
<div style="text-align: justify;">
যেমনঃ-<br />
<p>This is<br>a para<br>graph with line breaks</p></div>
<div style="text-align: justify;">
<br> উপাদান একটি খালি এইচটিএমএল উপাদান। এর কোন শেষ ট্যাগ নেই।</div>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
কবিতা সমস্যা</h2>
<div style="text-align: justify;">
<strong>উদাহরণ</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<p>In HTML, spaces and new lines are ignored:</p></div>
<div style="text-align: justify;">
<p></div>
<div style="text-align: justify;">
My Bonnie lies over the ocean.</div>
<div style="text-align: justify;">
My Bonnie lies over the sea.</div>
<div style="text-align: justify;">
My Bonnie lies over the ocean.</div>
<div style="text-align: justify;">
Oh, bring back my Bonnie to me.</div>
<div style="text-align: justify;">
</p></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফল</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
In HTML, spaces and new lines are ignored:</div>
<div style="text-align: justify;">
My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me.</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল <pre> উপাদান</h2>
<div style="text-align: justify;">
<pre> এলিমেন্ট <span class="" id="result_box" lang="bn"><span class="hps">পূর্ববিন্যাসিত</span> <span class="hps">টেক্সটকে</span> <span class="hps">সংজ্ঞায়িত</span></span> করে।</div>
<div style="text-align: justify;">
<pre> এলিমেন্ট এর ভিতরের টেক্সগুলো নির্দিশ্ট পরিমান প্রসস্থ ফন্ট <span class="short_text" id="result_box" lang="bn"><span class="hps">স্পেস এবং</span> <span class="hps">লাইন ব্রেক</span> <span class="hps">উভয়</span> <span class="hps">অপরিবর্তিত রেখে প্রদর্শন করে।<br />
</span></span></div>
<div style="text-align: justify;">
যেমনঃ-</div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<p>The pre tag preserves both spaces and line breaks:</p></div>
<div style="text-align: justify;">
<pre><br />
My Bonnie lies over the ocean.</div>
<div style="text-align: justify;">
My Bonnie lies over the sea.</div>
<div style="text-align: justify;">
My Bonnie lies over the ocean.</div>
<div style="text-align: justify;">
Oh, bring back my Bonnie to me.<br />
</pre></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<strong>ফলাফল</strong></div>
<hr style="margin-left: 0px; margin-right: 0px;" />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
The pre tag preserves both spaces and line breaks:</div>
<div style="text-align: justify;">
<pre>   My Bonnie lies over the ocean.

My Bonnie lies over the sea.

My Bonnie lies over the ocean.
   
   Oh, bring back my Bonnie to me.</pre>
</div>
<hr style="margin-left: 0px; margin-right: 0px;" />

<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
এইচটিএমএল ট্যাগ রেফারেন্স</h2>
<div style="text-align: justify;">
<strong>ট্যাগঃ <p></strong><br />
ব্যাখ্যাঃ প্যারাগ্রাফ সজ্ঞায়িত করে।</div>
<div style="text-align: justify;">
<strong>ট্যাগঃ <br></strong><br />
ব্যাখ্যাঃ একটি লাইন বিরতি দেয়।</div>
<div style="text-align: justify;">
<strong>ট্যাগঃ <pre></strong><br />
ব্যাখ্যাঃ প্রাক ফরম্যাট টেক্সট সজ্ঞায়িত করে।</div>
</div>

এইচটিএমএল এর অণুচ্ছেদ (HTML Paragraphs)

আরো পড়ুন »

Village IT Center

এইচটিএমএল এর টেক্সট ফরমেটিং (HTML Text Formatting Elements)

এইচটিএমএল এর স্টাইল (HTML Styles)

এইচটিএমএল এর অণুচ্ছেদ (HTML Paragraphs)

My Tube Videos

Gallery Post

Contact Form