Monday, February 6, 2017

HTML Paragraph Tutorial (এইচটিএমএল প্যারাগ্রাফ টিউটোরিয়াল)

কোন লেখা কাজকে প্রকাশ করার ক্ষেত্রে প্যারাগ্রাফ ট্যাগ ব্যবহার করা হয়। এটি খুবই সাধারন এবং মৌলিক।
<p> ট্যাগ দারা অনুচ্ছেদ (প্যারাগ্রাফ) নিদের্শ করা হয়। এই ট্যাগ ব্যবহার করার ফলে প্যারাগ্রাফ টেক্সের উপরে নিচে অটোমেটিক ফাকা লাইন সৃষ্টি হয়।
<p>Avoid losing floppy disks with important school...</p>
<p>For instance, let's say you had a HUGE school...</p>

এইচটিএমএল প্যারাগ্রাফ-জাস্টিফিকেশন (HTML paragraph –justification)
ওয়ার্ড ডকুমেন্টে এ আমরা যেভাবে কোন লেখাকে justify করে সবদিকে সমান করতাম তেমনি ভাবে এইচটিএমএল এ justify ব্যবহার করে একই কাজ করতে পারি।
<p align="justify">For instance, let's say you had a HUGE school or work...</p>

এইচটিএমএল প্যারাগ্রাফ-মাঝামাঝি (HTML paragraph –centering)
ওয়ার্ড ডকুমেন্টে এর মত প্যারাগ্রাফ এর প্রতেকটি লাইন display window এর মধ্যে অবস্থান করবে।
<p align="center">For instance, let's say you had a HUGE school or work...</p>

এইচটিএমএল প্যারাগ্রাফ-এলাইন ডানে (HTML paragraph –align right)
ওয়ার্ড ডকুমেন্টে এর মত প্যারাগ্রাফ এর প্রতেকটি লাইন display window এর ডানপাশে  অবস্থান করবে।
<p align="right">For instance, let's say you had a HUGE school or work...</p>

এইচটিএমএল হেডিং(HTML Heading)
এইচটিএমএল এ হেডিং বা শিরোনাম সাধারনত টাইটেল বা সাবটাইটেল  হিসাবে দেখা যায়। হেডিং ট্যাগ এর মধ্যে রাখা টেক্স bold হিসাবে প্রদর্শিত হয় এবং আকার যা হেডিং এর নম্বরের উপর নির্ভর করে। হেডিং নম্বর গুলো ১ হতে ৬ এর মধ্যে সীমাবদ্ধ। এখানে ১ সবচেয়ে বড় এবং ৬ সবচেয়ে ছোট হেডিং
<body>
<h1>Headings</h1>
<h2>are</h2>
<h3>great</h3>
<h4>for</h4>
<h5>titles</h5>
<h6>and subtitles</h6>
</body>
লক্ষ করার বিষয় এইযে প্রতিটি হেডিং এর নিজস্ব লাইন ব্রেক option আছে । এটা হেডিং এর built in attribute হেডিং লেখার সময় অটোমেটিক লাইন ব্রেক হয়ে যায়।

হেডিং এবং প্যারাগ্রাফ এর একত্রে ব্যবহার:
আমরা হেডিং এবং paragraph একসাথে ব্যবহার করতে পারি। নিচে উদাহরন দেয়া হল।
<h1 align="center">Essay Example</h1>
<p>Avoid losing floppy disks with important school/work projects...</p>
<p>For instance, let's say you had a HUGE school or work project to complete.  Off ...</p>


এইচটিএমএল লাইন ব্রেক
আমরা আগে দেখেছি লাইন  ব্রেক ট্যাগটি অন্যান্য হতে একটু ভিন্ন। লাইন ব্রেক ট্যাগটি একটা লাইন শেষ করে আপনাকে অন্য লাইন হতে লেখা শুরু করতে সাহায্য করবে। এইচটিএমএল এ ট্যাগ দ্বারা লাইন ব্রেক চিহ্নিত করা হয়।মাইক্রোসফট ওয়ার্ডে যেমন Enter দিলে নিচের লাইনে চলে যায়,এটার কাজ ঠিক তেমনই।
<p>
Will Mateson<br />
Box 61<br />
Cleveland, Ohio<br />
</p>
আবার চিঠির সমাপ্ত ঘোষনা করতে পারি।
<p>Sincerely,<br />
<br /><br />
Kevin Sanders<br />
Vice President</p>
আরও একটা বিষয় মনে রাখা প্রয়োজন যে লাইন ব্রেক ট্যাগ এর কোন closing tag এর প্রয়োজন নেই।

HTML horizontal rule:
Horizontal rule কে ট্যাগ দারা প্রকাশ করা হয়। ট্যাগটি ব্যবহার করে screen এর উপর সমান্তরাল লাইন প্রদর্শন করে। line break tag এর মত Horizontal rule tag এর কোন closing tag নেই।
<hr>Use
<hr><hr>
Them
<hr>
Sparingly
<hr>
Horizontal rule কোন গ্রন্থপঞ্জি বা কোন টেবিলের বিষয় সমুহ প্রকাশ করার ক্ষেত্রে ব্যবহার করা হয়।
<hr>
1. "The Hobbit", JRR Tolkein.

2. "The Fellowship of the Ring" JRR Tolkein.

Related Posts:

  • সিএসএস আইডি বনাম ক্লাস (CSS ID Vs Class) সিএসএস আইডি বনাম ক্লাস (CSS ID Vs Class) এটা প্রায়ই সন্দেহের সৃষ্টি করে যে কখন আমরা সিএসএস ID ব্যবহার করব আর কখন আমরা সিএসএস Classes ব্যবহার করব।এই অধ্যায়ে এ বিষয়ে পরিস্কার আলোচনা করা হবে। আইডি নির্বাচক (id  Sel… Read More
  • ( HTML Div Tutorial in Bangla) এইচটিএমএল ডিভ টিউটোরিয়াল এইচটিএমএল ডিভ টিউটোরিয়াল ( HTML Div Tutorial in Bangla) div ট্যাগ (<div></div>) খুব গুরত্বপূর্ন একটি ট্যাগ এইচটিএমএল এর। এইচটিএমএল এর এলিমেন্ট এর ভিতরে রেখে section (খন্ড) তৈরী করা হয়। যতগুলি div ততগুলি খন্ড।… Read More
  • css tutorial / css selector tutorial / সিএসএস টিউটোরিয়াল | ভূমিকা আপনারা নিজের web designing এর দক্ষতা উপরের ধাপে উন্নিত করতে চাইলে Cascading Style Sheets (CSS) এর কোন বিকল্প নেই। এখানে ধারাবাহিকভাবে সিএসএস টিউটোরিয়াল গুলো আলোচনা করা হবে। সিএসএস এর মাধ্যমে … Read More
  • Internal/External/Inline CSS Tutorial (ইন্টারনাল/এক্সটার্নাল/ইনলাইন সিএসএস টিউটোরিয়াল) ইন্টারনাল সিএসএস টিউটোরিয়াল (Internal CSS) Cascading Style Sheets লেখার তিনটি ধরন আছে যেমন - internal, external এবং inline। যখন আপনারা  ইন্টারনাল সিএসএস ব্যবহার করবেন তখন অবশ্যই একটা নতুন ট্যাগ যোগ করতে হবে যেটা হচ্… Read More
  • HTMT TAG LIST Ordered Alphabetically DTD: indicates in which HTML 4.01 / XHTML 1.0 DTD the tag is allowed. S=Strict, T=Transitional, and F=Frameset    88 ----HTMT TAG Tag Description DTD … Read More

0 comments:

Post a Comment

All Time Most Readable Post

Featured Post

Basic SEO Tutorial for Beginners, Basic SEO Tutorial. শিক্ষানবিশদের জন্য বেসিক এসইও টিউটোরিয়াল?

Basic SEO Tutorial for Beginners Though some try to categorise  SEO  as a science, the reality is that SEO is as much art as it is sc...

onpage seo