HTML ট্যাগ কি?
HTML এ প্রোগ্রাম লেখার জন্য <> এবং </> দুইটা চিহ্ন এবং এর মধ্যে কিছু Word যেমন html, head, title, body ইত্যাদি Keyword ব্যবহার করা হয়। <> বা </> চিহ্ন এবং এর মাঝে লেখা একটি Keyword কে একত্রে ট্যাগ বলা হয়। যেমন <html> এবং </html> । <body> হল body শুরু ট্যাগ এবং </ body> হল body শেষ ট্যাগ।
HTML এর সাধারন ট্যাগ সমূহ
ট্যাগ
সমূহ
|
বর্ণনা
|
<html> </html>
|
HTML ডকুমেন্ট
নির্দেশ করে।
|
<head></head>
|
প্রোগ্রামের
head অংশ
নির্দেশ করে ।
|
<title></title>
|
ডকুমেন্ট
টাইটেল নির্দেশ করে।
|
<body></body>
|
প্রোগ্রামের
মূল content অংশ
নির্দেশ করে।
|
<a></a>
|
Anchor ট্যাগ।
|
<abbr></abbr>
|
Abbreviation ট্যাগ।
|
<b></b>
|
Bold টেক্সট
নির্দেশ করে।
|
<i></i>
|
Italic টেক্সট
নির্দেশ করে।
|
<big></big>
|
স্বাভাবিকের
চেয়ে বড় টেক্সট নির্দেশ করে।
|
<small></small>
|
স্বাভাবিকের
চেয়ে ছোট টেক্সট নির্দেশ করে।
|
<blockquote> </blockquote>
|
বিশেষ
উদ্ধৃতি প্রকাশ করতে ব্যবহৃত হয়।
|
<br / >
|
একটা লাইন
ব্রেক তৈরি করে ।
|
<code></code>
|
কম্পিউটার
কোড টেক্সট প্রকাশ করে।
|
<table></table>
|
টেবিল
তৈরিতে ব্যবহৃত হয়।
|
<col></col>
|
টেবিলের
কলাম তৈরিতে ব্যবহৃত হয়।
|
<td></td>
|
টেবিলের
সেল তৈরিতে ব্যবহৃত হয়।
|
<tr></tr>
|
টেবিলের
সারি তৈরিতে ব্যবহৃত হয়।
|
<form></form>
|
ফরম
তৈরিতে ব্যবহৃত হয়।
|
<h1></h1>
|
হেডার
ট্যাগ 1-6 পর্যন্ত
হয়।
|
<hr/>
|
সমান্তরাল
রেখা তৈরি করে।
|
<img/>
|
ছবি যুক্ত
করতে ব্যবহৃত হয়।
|
<input></input>
|
ফরমের
ইনপুট ফিল্ড তৈরিতে ব্যবহৃত হয়।
|
<li></li>
|
লিষ্ট
তৈরিতে ব্যবহৃত হয়।
|
<meta></meta>
|
Meta ট্যাগ
|
<ol></ol>
|
অর্ডার
লিষ্ট তৈরিতে ব্যবহৃত হয়।
|
<ul></ul>
|
আনঅর্ডার
লিষ্ট তৈরিতে ব্যবহৃত হয়।
|
<p></p>
|
প্যারাগ্রাফ
নির্দেশ করে
|
<pre></pre>
|
pre-formatted টেক্সট
তৈরিতে ব্যবহৃত হয়।
|
<tt></tt>
|
টেলিটাইপ
টেক্সট নির্দেশ করে।
|
<strong></strong>
|
Strong টেক্সট
নির্দেশ করে।
|
<sub></sub>
|
subscripted text নির্দেশ
করে।
|
<sup></sup>
|
superscripted text নির্দেশ
করে।
|
এই coding গুলো আপনারা নিজে নিজে Try করুন এবং দেখুন কিভাবে কাজ করে । তাহলে আপনাদের আমি আরও এগিয়ে নিয়ে জেতে পারব কারন আমাদের প্রফেশনাল কাজ শিখতে হবে আর যার জন্য অনেক দূর যেতে হবে ।
ব্রিঃ দ্রঃ এইচটিএমএল HTML ট্যাগ দিয়েই background color পরিবর্তন, একটা লেখা Centre, Left, Right এ নেওয়া অর্থাৎ align করন, Font Family, Font Size, Font Style, color, List ( Disc, Squre,), অর্থাৎ এককথাই কিছু ডিজাইন আমরা এইচটিএমএল HTML দিয়ে করতে পারি। কিন্তু প্রফেশনালই HTML দ্বারা এগুলো করা হয় না। এগুলো করা হয় stylesheet অর্থাৎ সিএসএস CSS দিয়ে। সেটা হবে এবার External style.css, কারন Inline, Embedded CSS, W3 validate না, SEO friendly নয়। বেশিরভাগ Client আপনার কাছে W3 validate coding চাইবে । W3 validate নিয়ে অন্য কোন পোস্টে লিখব।
আমরা আগামীতে ধারাবাহিক ভাবে শিখবঃ এইচটিএমএল HTML দিয়ে যেভাবে লিংক Link দিতে হয়, ছবি সংযোজন, Table টেবিল সংযোজন ( মনে রাখবেন এটা আমরা PHP form function এ ব্যবহার করবো )। এরপর আমরা HTML, CSS একসাথে coding করবো, যেটা আমাদের মুল লক্ষ্য। আপনারা HTML টা বারবার practice করুন। তাহলেই আমি মূল প্রফেশনাল coding শুরু করতে পারি।
আপনাদের সবাইকে অনেক অনেক ধন্যবাদ, আমার ব্লগের সাথেই থাকুন।
আরও জানতে visit করুন প্রফেশনাল ওয়েব ডিজাইন
আপনাদের সবাইকে অনেক অনেক ধন্যবাদ, আমার ব্লগের সাথেই থাকুন।
আরও জানতে visit করুন প্রফেশনাল ওয়েব ডিজাইন
কোন সমস্যা হলে বা প্রশ্ন থাকলে ব্লগে দয়াকরে comment post করে জানাবেন।
"আমি রফিকুল ইসলাম, একজন ফ্রীলাঞ্চার ও ওয়েব ডিজাইনার, আপনাদের জন্য এখন থেকে প্রকাশ করব ওয়েব ডিজাইন এর পরিপূর্ণ ধারাবাহিক টিউটোরিয়াল ।আমার ধারাবাহিক টিউটোরিয়াল প্রকাশিত হবে শুধু মাত্র আমার ব্লগ ProWebdesign4u এবং টেকনোট্রিক বিডি তে । "
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ১
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ২ ( ড্রিমওয়েভার ডাউনলোড )
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৩ (ওয়েব ডিজাইনে ড্রিমওয়েভার ব্যবহার)
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৪ ( HTML এ লেখা প্রোগ্রামের বিভিন্ন অংশ বিশ্লেষণ )
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৫ ( হেডিং ট্যাগের ব্যবহার )
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৬ ( HTML এর সাধারন ট্যাগ সমূহ )
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৭ ( এইচটিএমএল দিয়ে ফর্ম তৈরি করুন, টেবিল সংযোজন-I )
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৮ ( এইচটিএমএল দিয়ে ফর্ম তৈরি করুন , টেবিল সংযোজন II )
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ৯ ( চমৎকার চলন্ত এইচটিএমএল কোড করুন marquee এর ব্যবহার )
ওয়েব ডিজাইন নিয়ে ধারাবাহিক টিউটোরিয়াল - ১০ ( XHTML [HTML+CSS = XHTML] -১ )
prottektar akta kore example dile valo hoto with preview..........
ReplyDelete