Be a Trainer! Share your knowledge.
Home » Uncategorized » HTML এর সকল ট্যাগ কোড গুলো এবং সাথে ব্যবহার বিধি..।।

3 months ago (Nov 17, 2017)

HTML এর সকল ট্যাগ কোড গুলো এবং সাথে ব্যবহার বিধি..।।

Category: Uncategorized Tags: , , by

আআস্সালামু আলাইকুম অরহমাতুল্লাহি অবারাকাতুহু,,, হিন্দু ভাইদের নমস্কার অনন্য ধর্মের ভাইদের আমার জন্য রইল অভিনন্দন।

Trickbd তে এটা আমার ৩য় তম পোস্ট।

আরেকটি কথা আমি যদি লেখায় কোন ভুল করি তাহলে আপনারা ভুলগুলি ধরে দিবেন, যার কারনে নিজে ভুল সুধরে নিতে পারি।

★চলুন শুরু করি আজকের বিষয়ঃ

♦Html ব্যবহার ও পরিচিতি?
সাধারনত ওয়েব সাইট তৈরি সর্বপ্রথম কাজ এবং নকশা করতে যে ট্যাগ কোড ব্যাবহার করা হয় তাই Html ট্যাগ।

<br /><br />
→Html এ মাএ ২টি ট্যাগ ব্যবহার করা হয়।<br /><br />
open tag :<br /><p><!-- G&R_250x250<br />
<script id="GNR21687"><br />
    (function (i,g,b,d,c) {<br />
        i[g]=i[g]||function(){(i[g].q=i[g].q||[]).push(arguments)};<br />
        var s=d.createElement(b);s.async=true;s.src=c;<br />
        var x=d.getElementsByTagName(b)[0];<br />
        x.parentNode.insertBefore(s, x);<br />
    })(window,'gandrad','script',document,'//content.green-red.com/lib/display.js');<br />
    gandrad({siteid:4387,slot:21687});<br />
</script><br />
 End of G&R_250x250 --><br />
<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle"<br />
     style="display:block; text-align:center;"<br />
     data-ad-layout="in-article"<br />
     data-ad-format="fluid"<br />
     data-ad-client="ca-pub-3835532944205431"<br />
     data-ad-slot="6270061085"></ins><br />
<script><br />
     (adsbygoogle = window.adsbygoogle || []).push({});<br />
</script></p><br />
close tag :<br /><br />
→যেমনঃ[code]<u>trickbd.com</u>

★সকল এট্রিবিউট ট্যাগঃ

Name= নেম। যেমনঃ(Mostafezur)

id= id যেমনঃ(load1)

class=আপনার সাইটে css save করা নাম। যেমনঃ(bmenu)

align=কেন্দ্রর অবস্থান। যেমনঃ (align="left" / "right" / "center")

styel=আপনার ইচ্ছেমতো নকশা করা। যেমনঃ(background-color:#ff0000;font-color:red;)

height=এটা দিয়ে বুঝায় উচ্চতা কতটুকু হবে। যেমনঃ(100%, 100px, 100)

weidth=এটা দিয়ে বুঝায় প্রস্থ কতটুকু হবে। যেমনঃ(100%, 100px, 100)

aerial=এটা দিয়ে বুঝায় ফেইস। পিকচার টা প্রদর্শন না করলে কেমন হবে। যেমনঃ(trickbd.com)এটি প্রদর্শন করবে।

color= এটা দিয়ে বুঝায় রং কেমন হবে।রং তিন ভাবে দেওয়া যায়।
১)সরাসরি নাম লিখে। যেমনঃ(red, green, black, yellow, whait)
২)সংক্ষেপে লিখে। যেমনঃ(rd, gn, yw,wt)
৩)কোড দিয়ে। যেমনঃ(#ff0000)

size=এটা দিয়ে আপনার ইচ্ছেমতো লেখার আকার বাড়াতে কমাতে পারবেন। যেমনঃ(1,2,3,4,5,6,7,8,9,10)

→উপরের আলোকে নিচে কোডগুলোর মধ্যে "এখানে বসান"।
যেমনঃ

</p><br />
<div class="Mostafezur">trickbd.com</div><br />
<p>

★Html tag code:

★লেখা শেষ করে নিচের সারিতে যেতেঃ

★div ব্যবহার করে ডিজাইন করতেঃ

</p><br />
<div>your Text</div><br />
<p>

★এট্রিবিউট সহ Div:

</p><br />
<div id="" class="" align="">your Text</div><br />
<p>

★লেখায় স্পান স্টাইল করতেঃ

<span id="" class="">your Text</span>

★লেখার স্টাইল, রং,ছোট/বড় করতেঃ

<font>your Text</font>

★URL লিংক ব্যবহার করতেঃ

<a href="এখানে আপনার লিংক দিন">your Text</a>

→যেমনঃ

(<a href="https://trickbd.com/index.xhtml">trickbd.com</a>

★পিকচার প্রদর্শন করাতেঃ

<img class="" src="//trickbd.com/img/7533687/gd48gkh589f.gif)" height="" />

★আকার বড়ো ছোটো করতেঃ

**সবচেয়ে বড়ো "1" সবচেয়ে ছোটো "6"

</p><br />
<h1>your Text</h1><br />
<p>

যেমনঃ
</p><br />
<h1>Trickbd</h1><br />
<p>

★বড় করে দেখাতেঃ

<big>your Text</big>

★লেখা একবার দেখাবে আরেকবার দেখাবে নাঃ

your Text

★বিশেষ কিছু লিখতেঃ

your Text

★ছোটো করে দেখাতেঃ

<small>your Text</small>

★লেখার মাঝে দাগ কাটা দেখাতেঃ

<span style="text-decoration: line-through">your Text</span>

★Storng লেখা নির্দেশ করাতেঃ

<strong>your Text</strong>

★মূল লেখার একঘড় নিচে দেখাবে এই লেখাঃ

<sub>your Text</sub>

★মূল লেখার একঘড় উপরে দেখাবে এই লেখাঃ

<sup>your Text</sup>

★Abbreviation এর ক্ষেত্রে ব্যবহৃত হয়ঃ

<abbr>your Text</abbr>

★Fixd weidth formed বা Teletype করতেঃ

<tt>your Text</tt>

★উদাহরন ভাবে দেখাতেঃ

<samp>your Text</samp>

★কোনো বিশেষ বাক্য বক্স আবার কিউট আকারে দেখাতেঃ

your text

★লেখা ভেরিএবল করতেঃ

<var>your Text</var>

★লেখাকে ইটালিক লিস্ট করতেঃ

your Text

★প্যারাগ্রাফ আকারে দেখাতেঃ

</p><br />
<p>your Text</p><br />
<p>

★Underline করতেঃ

<u>your Text</u>

★Bold করতেঃ

<b>your Text</b>

★Italic করতেঃ

<i>your Text</i>

★Marquee করতেঃ

your Text

★টেবিল সারি কলাম করতেঃ

কলাম করতে

</p><br />
<table><br />
<tbody><br />
<tr><br />
<th>সারি করতে</th><br />
<th>কলাম করতেসারি করতে[বিঃদ্রঃ প্রত্ত্যেকটার মধ্যে এট্রিবিউট করা যায়।]</th><br />
</tr><br />
</tbody><br />
</table><br />
<p>

★ভূমি সমান্তরাল রেখা তৈরিতেঃ

</p><br />
<hr />

★পেজের ফর্মের ইনপুট ফিল্ড তৈরিতেঃ

your Text

★লিস্ট তৈরিতেঃ

</p><br />
<li>your Text</li><br />
<p>

★অর্ডার লিস্ট তৈরিতেঃ

</p><br />
<ol>your Text</ol><br />
<p>

★আন অর্ডার লিস্ট তৈরিতেঃ
</p><br />
<ul>your Text</ul><br />
<p>

★Address তৈরি করতেঃ

</p><br />
<address>your address</address><br />
<p>

★BBCode:
বিবি কোড ব্যবহার করা যায় শুধু ফোরাম & ব্লগ সাইটে লেখার জন্য।

★লেখা বেল্ড করতেঃ

[b]Bold Text[/b]

★Underline করতেঃ

[u]Underline Text[/u]

★Italic করতেঃ

[i]Italic Text[/i]

★বড় করে দেখাতেঃ

[big]Big Text[/big]

★ছোট করে দেখাতেঃ

[small] Small Text[/small]

★Marquee করতেঃ

[marquee]Marquee Text[/marquee]

★লিন্ক দিতেঃ

<a href="http://urllink"> Text</a>

★ম্যানসন করতেঃ

[color=COLOR_CODE] Text[/color]

★পিছনের রং করতেঃ

[bg=COLOR_CODE] Text[/bg]

★নতুন সারি শুরু করতেঃ

[br]

★বিশেষ উদৃতি বুঝাতেঃ

[@code] Text html code[@/code]

★কিউট করতেঃ

[quote]wcode[/quote]

★পিকচার প্রদর্শন করাতেঃ

[img]http://পিকচার লিন্ক দিন[/img]

★ফাইল থেকে দেখাতেঃ

[file=WCODE]

আজ এ পর্যন্তই পরে অন্য কিছু নিয়ে আবার হাজির হবো।

ভুল হলে ক্ষমা করে দিবেন। বুঝতে সমস্যা হলে কমেন্ট করুন।

→সকলকে ধন্যবাদ

,,,,,,,,খোদা হাফেজ।

→Thank you for view my post

*****ফেসবুকে আমি, Md Mostafezur

Report

About Post: 7

Mostafezur

**যা জানি তা শেখাবো, **আর যা না জানি তা শিখব... I Love "TrickBD"Administer of Trickall.ml

21 responses to “HTML এর সকল ট্যাগ কোড গুলো এবং সাথে ব্যবহার বিধি..।।”

  1. . (Contributor) says:

    খুবই ভালো। চালিয়ে যান।

  2. Naim sdq Trickbd_sdq (Author) says:

    খারাপ না। HTML এর মূখ্য বিষয় গুলো প্রায় দেখানো হয়েছে। চালিয়ে যান। ভাল হয়েছে । তবে কিছু কোড গুলো আবার রিভিউ করে নিয়েন Formate আসেনি । এক্ষেত্রে {code} tag use করুন। Nt: { / <
    আর একটা কথা <marquee direction} Forum এ Support করে না
    যা আপনি বলেছেন।

    Nice post

  3. Mostafezur Mostafezur (Author) says:

    আপনাদের এরকম সারা পেলে এগিয়ে যাবো।
    ইনশাআল্লাহ,,, পাশে থাকবেন।

  4. Mr. Rocky (Contributor) says:

    ভাই নতুন পোস্টের জন্য স্ক্রিনশুট কোথায় আপলোড করব

  5. mdmamunrahman5@ [email protected] (Contributor) says:

    বড় চালিয়ে যান

    আর প্রয়োজন এ রকম স্পেশাল পুস্ট

Leave a Reply