HTML- The web Language -Web design in 7 days
এইচ টি এম এল- ওয়েবের ভাষা
এইচ টি এম এল
(HTML) মানে হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ (Hypertext markup Language) এটিই হলো
ওয়েব এর স্ট্যান্ডার্ড ল্যাঙ্গুয়েজ। এটি একটি সাধারন স্ক্রিপ্টিং ল্যাঙ্গুয়েজ যদিও অনেকে এক প্রোগামিং
ল্যাঙ্গুয়েজ মনে করে। প্রোগামিং ল্যাঙ্গুয়েজ হলো Turning-Complete বা Computable তার
মানে হচ্ছে প্রোগামিং ল্যাঙ্গুয়েজের মাধ্যমে কোন কিছুর মান হিসাব করা হয়। যেমন পাই
এর স্কয়ার রুট নির্নয়, সাধারনত প্রোগামিং ল্যাঙ্গুয়েজ কন্ডিশনাল স্টেটমেন্ট ও লুপ ব্যাবহার
করা হয়। এইচটি এম এল প্রোগামিং ল্যাঙ্গুয়েজ থেকে অনেক সহজ। এটি খুব সাধারন একটি মার্কআপ
ল্যাঙ্গুয়েজ।
ট্যাগ
এইচ টি এম এল
“ট্যাগ” ব্যবহার করে লেখা হয়। প্রতিটি ট্যাগ শুরু হয় একটি < চিহ্ন দিয়ে আর শেষ হয়
> চিহ্ন দিয়ে। বেশিরভাগ ট্যাগ-এর দুটি অংশ < > দিয়ে ট্যাগের সূচনা আর
< / > ট্যাগের সমাপ্তি ঘোষনা করা হয়।
উদাহরন স্বরুপ
প্রতিটি HTML ডকুমেন্ট শুরু হয় < HTML>
দিয়ে আর শেষ হয় < /HTML> দিয়ে। এতে আরো থাকে হেডিং, টাইটেল, এবং বডি সেকশন,
নিচের মতো
<HTML>
<HEAD>
<TITLE>Welcome to
Tea tune </TITLE>
</HEAD>
<BODY> Learned
HTML at Teatune.blogspot.com </BODY>
</HTML>
হেডিং
আরো বেশি হেডিং যুক্ত করতে
চাইলে আপনি উক্ত ট্যাগের মতো লিখতে পারেনঃ
<H1> </H1>
<H2> </H2>
<H3> </H3>
<H4> </H4>
<H5> </H5>
<H6> </H6>
হেডিং 1 হলো বড়
ফন্ট আর হেডিং 6 হলো ছোট ফন্ট।
টেক্সট
ফরম্যাট
টেক্সট বোল্ড এবং ইটালিক
করার ট্যাগ হলোঃ
<B> bold
</B>
<I> italic
</l>
টেক্সট এলাইনের ট্যাগ হলোঃ
<P Align = “Right”>
<P Align = “Center”>
<P Align = “Left”>
পেজ
মার্জিন
পেজে মার্জিন ব্যবহারের জন্য
<BlockQuote>tag ব্যবহার করতে পারেন।
এটি আপনার বডি ট্যাগের মধ্যে
ফেলতে হবে নিচের মতোঃ
<HTML>
<HEAD><TITLE>
This is my first website using HTML</TITLE></HEAD>
<BODY>
<BlockQuote>Indented
text</BlockQuote>
</BODY>
</HTML>
আরো টেক্সট অপশনের জন্য ব্যবহার
করুনঃ
<SMALL> ছোট
টেক্সট
<BIG> বড় টেক্সট
<SUPER> সুপার স্ক্রীপ্ট
<SUB> সাব স্ক্রীপ্ট
<STRIKE> স্টাইক থ্রু
<U> আন্ডার লাইন
<EM> বা <I> ইটালিক ফন্ট
<STRONG> বা
<B> বোল্ড ফন্ট
এইচ টি এম এল এর ট্যাগ বড় হাতের
বা ছোট হাতে লেখা যাবে, যেমন আপনি <HTML> বা <html> এমনকি <Html>
লিখতে পারেন।
পেজ
সাইজ
ওয়েব পেজের টেক্সটের আকার নির্ধারন
করার জন্য <Font> tag ব্যবহার করুন।
<Font Size = “5” >
This text will be big. </Font>
এখানে আপনি যেকোন সাইজ ব্যবহার
করতে পারেন।
সাইজ 3 হলো নরমাল বা ডিফল্ট
সাইজ
ফন্ট
কালার
ফন্টের রঙ কিরকম হতে পারে তাও
নিধারন করে দিতে পারেন।
<font size= “3” Color=
“blue”> This text is size 3 and blue color.
ফন্টের স্ট্যান্ডার্ড কালারের
মধ্যে রয়েছে : black, white, red, green, blue, yellow, aqua, fuscha, gray, lime,
maroon, purple, nevy, olive, silver, and teeal.
টেক্সটের রঙ নির্ধারনের জন্য
আপনি হেক্সডেসিমাল নম্বর ও ব্যবহার করতে পারবেন। যেমনঃ
উদাহরন স্বরুপ purple এর
স্থলে আপনি লিখতে পারেন:
<Font Size = “3”
Color= “#0033FF”>
অর্ডার
লিস্ট
একটি অর্ডার লিস্ট তৈরির জন্য
যেমন-
1.
Learn
HTML
2.
Learn
Microwsoft Access
3.
Learn
Microwsoft Xcel
এর ট্যাগ হবে-
<OL>
<L1> Learn HTML
<L1> Learn Microwsoft Access
<L1> Learn Microwsoft Xcel
</OL>
বুলেট ব্যবহার করতে চাইলে
<OL> ও </OL> এর <UL>
বা </UL> ব্যাবহার করুন।
যেমন-
<UL> <L1> Learn HTML
<UL> <L1> Learn
Microwsoft Access
<UL> <L1> Learn
Microwsoft Xcel
</UL>
<UL> <L1>Tea Tune
</UL>
</UL>
এর আউটপুট দেখতে নিচের মতো হবে-
·
Learn
HTML
·
Learn
Microwsoft Access
·
Learn
Microwsoft Xcel
o
Tea
Tune
ইমেজ
কোড
ওয়েব সাইটে আমরা প্রতিনিয়তই
ইমেজ ব্যবহার করি। ওয়েব পেজ ইমেজ ব্যবহার করতে চাইলে আপনার কিছু ইমেজ প্রয়োজন। যেকোন
ইমেজ সফটওয়ার দিয়ে আপনার কাঙ্কিথ ইমেটি তৈরি করুন। ইমেজ তৈরি করার পর ইমেজ সোর্সটি
কোডের মাধ্যমে নিম্নের মতো দেখিয়ে দিতে পারেন-
<img src= “mypicture.gif”
ALT= “My Picture”>
ইমেজ src হলো ইমেজের উৎস ফাইলের
নাম ও লোকেশন। যদি একটি লোকেশনে থাকে তবে চিন্তিত হওয়ার কিছু নেই। যদি কোন ডিরেক্টরিতে
থাকে তাহলে img src= “/mypicture.gif” লিখে
দিন।
ALT ট্যাগ হলো অল্টারনেটিভ
টেক্সট যা ওযেব পেইজে ছবি লোড হওয়ার সময় প্রদর্শিত হবে। ইমেজের উপর মাউস নিলেও টেক্সটি
প্রদর্শিত হবে।
ইমেজ এলাইন করার জন্য নিম্নের
মতো ট্যাগ ব্যবহার করতে পারেন-
<img src= “mypicture.gif”
Align= “middle”>
ইমেজ এলাইন এর আরো অপশন রয়েছে
যেমন-
middle
bottom
top
absbottom
left
right
top
texttop
center
baseline
টেবিল
টেবিল তৈরির জন্য আপনি
<TABLE>, <TR>, <TH>, <TD> ট্যাগ ব্যবহার করতে পারেন।
<TR> এটি হলো টেবিল হেডিং
<TH> টেবিরের রো বা সারি
<TD> টেবিলের কলাম
একটি
বেসিক এইচটি এম এল ট্যাগ এর উদাহরন।
নিচের কোড গুলি লিখে দেখুন:
<DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>HELLO
WORLD</TITLE>
<META
type="Description"
NAME="Description"
CONTENT="
This Page is Simple
Teatune.blogspot.com's Tutorial HTML Page">
<META
HTTP-EQUIV="Keywords"
NAME="Keywords"
CONTENT="HTML,
TUTORIAL, MAKE MONEY">
</HEAD>
</BODY>
This Page is Simple
Teatune.blogspot.com's Tutorial HTML Page
</BODY>
</HTML>
এটি নিচের চিত্রের মতো ফল প্রকাশ
করবে।
About free game
Nice
ReplyDelete