HTML Text

HTML Text

 

Webpage এ লেখা প্রদর্শনের জন্য কিছু নির্দিষ্ট Tag ব্যবহার করা হয়। সাধারণত লেখার ক্ষেত্রে শিরোনাম দেয়ার জন্য HTML Headings Tag এবং বর্ণনা লেখার জন্য HTML Paragraph Tag ব্যবহার করা হয়।

HTML Headings

শিরোনাম লেখার জন্য ৬ ধরণের Heading Tag ব্যবহার করা হয়। ১ নম্বর Heading আকারে বড় লেখা প্রকাশ করে এবং ৬ নম্বর Heading সবচেয়ে ছোটো অক্ষরে শিরোনাম প্রকাশে ব্যবহৃত হয়। নিচে সবগুলো Heading দেয়া হলোঃ

<h1> ১ নম্বর শিরোনাম </h1>
<h2> ২ নম্বর শিরোনাম </h2>
<h3> ৩ নম্বর শিরোনাম </h3>
<h4> ৪ নম্বর শিরোনাম </h4>
<h5> ৫ নম্বর শিরোনাম </h5>
<h6> ৬ নম্বর শিরোনাম </h6>

 

যেভাবে দেখাবেঃ

১ নম্বর শিরোনাম

২ নম্বর শিরোনাম

৩ নম্বর শিরোনাম

৪ নম্বর শিরোনাম

৫ নম্বর শিরোনাম

৬ নম্বর শিরোনাম

 

সার্চ ইঞ্জিন Webpage এর মধ্যে Heading কে খুবই গুরুত্ব দেয়। তাই, Heading ঠিকমতো দেয়া খুবই জরুরি। ১ নম্বর এবং ২ নম্বর Heading বেশি গুরুত্বপূর্ণ।

 

HTML Paragraph

সাধারণ লেখা বা বর্ণনা প্রদর্শনের জন্য Paragraph Tag ব্যবহার করা হয়। কোনও লেখা প্রদর্শনের জন্য Paragraph Tag ব্যবহারের পদ্ধতিঃ

<p> এটি প্রথম প্যারাগ্রাফ </p>
<p> এটি দ্বিতীয় প্যারাগ্রাফ </p>

 

যেভাবে দেখাবেঃ

এটি প্রথম প্যারাগ্রাফ

এটি দ্বিতীয় প্যারাগ্রাফ

 

একটি Paragraph লিখার সময় নতুন লাইনে যেতে হলে <br> ট্যাগ ব্যবহার করতে হয়। যেমনঃ <p> এটি প্রথম প্যারাগ্রাফ <br> এবং এটি দ্বিতীয় প্যারাগ্রাফ </p>

যেভাবে দেখাবেঃ

 

এটি প্রথম প্যারাগ্রাফ
এবং এটি দ্বিতীয় প্যারাগ্রাফ

 

এছাড়াও HTML Text সম্পর্কিত বিভিন্ন Tag ব্যবহার করা হয় যা HTML Tags লেসনেই আমরা কিছুটা জেনেছি। এখন, এরকম কিছু Tag এর ব্যবহার দেখবো।

<p> This text is <b> bold </b> </p>

This text is bold

 

<p> This text is <em> emphasized </em> </p>

This text is emphasized

 

<p> This text is <i> italic </i> </p>

This text is italic

 

<p> This text is <mark> marked </mark> </p>

This text is marked

 

<p> This text is <small> small </small> </p>

This text is small

 

<p> This text is <strong> strong </strong> </p>

This text is strong

 

<p> Formula of water is H₂O </p>

Formula of water is H₂O

 

<p> Famous formula of Einstein is E = mc² </p>

Famous formula of Einstein is E = mc²

 

<p> This text is <ins> underlined </ins>  </p>

This text is underlined

 

<p> This text is <del> deleted </del>  </p>

This text is deleted

 

<code> This text is like computer code </code>

This text is like computer code

 

<kbd> This text is like keyboard </kbd>

This text is like keyboard

 

<samp> This text is like sample computer code </samp>

This text is like sample computer code

 

<var> This text is like computer variable </var>

This text is like computer variable

<p> Abbreviation example is <abbr title = "Bangladesh Civil Service"> BCS </abbr> </p>

Abbreviation example is BCS

 

<address> 20/23, Dhanmondi, Dhaka </address>

20/23, Dhanmondi, Dhaka

 

<p> <bdo dir = "rtl"> This text changed direction </bdo> </p>

This text changed direction

 

<p> <q> This is inline (short) quotation </q> </p>

This is inline (short) quotation 

 

<p> He said <cite> I will go </cite> </p>

He said I will go

 

<p> <dfn> This is a special text </dfn> </p>

This is a special text

 

<pre> This text is like preformatted </pre>

 This text is like preformatted