এটি একটি ধারাবাহিক টিউন। পড়ুন, সব গুলো পর্ব
- HTML হাতেখড়ি [পর্ব- ১] প্রাথমিক আলোচনা
- HTML হাতেখড়ি [পর্ব-২] হেডিং(Heading), প্যারাগ্রাফ( Paragraph), লিংক( Link)
- HTML হাতেখড়ি [পর্ব-৩] HTML ফরমেটিং (Formatting), লিস্টিং (Listing) এবং কমেন্ট(Comment)
- HTML হাতেখড়ি [পর্ব-4] HTML টেবিল (Table) এবং ইনটিটিস (Entities)
- HTML হাতেখড়ি [পর্ব- ৫] এইচ.টি.এম.এল ফ্রেম (HTML Frame)
- HTML হাতেখড়ি [পর্ব- ৬] এইচ.টি.এম.এল ফর্মের উপাদান (HTML Forms Element)
আজ আমরা HTML Comment, Listing এবং Formatting আলোচনা করব নিয়ে।
আমরা যারা কোড লিখে ওয়েবসাইট ডিজাইন করি তাদের HTML Comment অত্যন্ত গুরুত্বপূর্ণ। যাই হোক নিশ্চয়ই এটা দেখে আপনাদের মনে কিছু প্রশ্ন এসে গেছে। তাই আর দেরি না করে প্রশ্নগুলো উত্তর দিয়ে দেই।
উত্তর: কোডিং এর সুবিধার্থে যে সাইডনোট কোডিং এর ভিতরে লেখা হয় এবং যা ব্রাউজার প্রদর্শন করে না তাই হল HTML Comment ।
উত্তর: এর সুবিধাগুলো নিম্নে দেওয়া হল:
HTML Comment লেখার জন্য নিচের কোডটি টাইপ করুন এবং ফাইলটি যেকোন নামে সেভ করে আউটপুট দেখার জন্য ডাবল ক্লীক করুন এবং আউটপুট হিসেবে আপনি কিছুই দেখবেন না।
<!-- This is a comment -->
কিন্তু এবার সিম্বল ভুল করে দেখুন অর্থাৎ এই <! চিহ্নটি ছাড়া দেখুন, দেখবেন আপনার ভুল করা লাইনটি সিম্বলসহ দেখাচ্ছে। আশাকরি ব্যাপারটি বুঝতে পেরেছেন।
HTML List শিখতে গেলে প্রথমেই আমাদের মনে যে প্রশ্নগুলো এসে যায় তা প্রশ্নের সাথে উত্তরসহ নিম্নরূপ:
উত্তর: HTML List সাধারণত দুই ধরণের হয়ে থাকে। যথা:
যেকোন নাম্বার বা character যুক্ত লিস্টকে Ordered List বলা হয়। Ordered List <ol> ট্যাগ দিয়ে শুর হয়।
যেকোন সিম্বল যুক্ত লিস্টকে Unordered List বলা হয়। Unordered List <ul> ট্যাগ দিয়ে শুর হয়।
উত্তর: HTML List ব্যবহার করা হয় লেখার সৌন্দর্য বৃদ্ধির জন্য।
উত্তর: HTML List <ol> অথবা <ul> ট্যাগ দিয়ে শুরু এবং শেষ(</ol> অথবা </ul>) হয়। আর যে শব্দগুলো আপনি লিস্টের ভিতরে রাখবেন তারা প্রত্যেককে <li> ট্যাগ দিয়ে শুরু এবং শেষ(</li>) হবে। উদাহরণসরূপ আপনি নিম্নের কোডদুটি লক্ষ্য করুন।
<ul>
<li>Mother Board</li>
<li>Hard Disk</li>
<li>Processor</li>
<li>Ram</li>
</ul>
<ol>
<li>Mother Board</li>
<li>Hard Disk</li>
<li>Processor</li>
<li>Ram</li>
</ol>
উত্তর: অনেক রকম Ordered HTML List রয়েছে। নিম্নে কিছু দেওয়া হল:
<ol>
<li>Mother Board</li>
<li>Hard Disk</li>
<li>Processor</li>
<li>Ram</li>
</ol>
<ol type="A">
<li>Mother Board</li>
<li>Hard Disk</li>
<li>Processor</li>
<li>Ram</li>
</ol>
<ol type="a">
<li>Mother Board</li>
<li>Hard Disk</li>
<li>Processor</li>
<li>Ram</li>
</ol>
<ol type="I">
<li>Mother Board</li>
<li>Hard Disk</li>
<li>Processor</li>
<li>Ram</li>
</ol>
<ol type="i">
<li>Mother Board</li>
<li>Hard Disk</li>
<li>Processor</li>
<li>Ram</li>
</ol>
উত্তর: অনেক রকম Unordered HTML List রয়েছে। নিম্নে কিছু দেওয়া হল:
<ul type="disc">
<li>Mother Board</li>
<li>Hard Disk</li>
<li>Processor</li>
<li>Ram</li>
</ul>
<ul type="circle">
<li>Mother Board</li>
<li>Hard Disk</li>
<li>Processor</li>
<li>Ram</li>
</ul>
<ul type="square">
<li>Mother Board</li>
<li>Hard Disk</li>
<li>Processor</li>
<li>Ram</li>
</ul>
উপরের উদাহরণগুলো থেকে বোঝা যাচ্ছে যে, শুধুমাত্র type পরিবর্তন করার ফলে লিস্ট পরিবর্তন হয়ে যাচ্ছে।
আমরা যখন মাইক্রোসফট ওয়ার্ড কোন কিছু লিখি তখন অনেক নিয়ম মেনে আমাদের লিখতে হয়। যেমন: কোন লেখাকে মাঝখানে লিখতে হলে Ctrl+E চাপ দিতে হয় অথবা সবগুলো অক্ষর বড় হাতের লিখতে হলে Caps Lock সুইচ অন করতে হয়। যাই হোক এই জিনিসগুলো হল ফরমেটিং এর একটা অংশ। এখন আপনি কোন কিছু লেখার সময় আপনাকে কিছু নিয়ম মানতে হবে অর্থাৎ কিছু ট্যাগ ব্যবহার করতে হবে। আর এটাই হল HTML Formatting ।
<center>This tag shows the paragraph center</center>
This tag shows the paragraph center
<b>This text is bold</b>
This text is bold
<i>This text is italic</i>
This text is italic
<small>This text is small</small>
This text is small
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
This is subscript and superscript
<em>Emphasized text</em>
Emphasized text
<dfn>Definition term</dfn>
Definition term
<samp>Sample computer code text</samp>
Sample computer code text
<kbd>Keyboard text</kbd>
Keyboard text
<var>Variable</var>
Variable
<cite>Citation</cite>
Citation
আমি মোহাম্মদ রকিবুল হায়দার। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 15 বছর যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 77 টি টিউন ও 206 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
www.downloadzone3.tk
"আরো অতিরিক্ত কিছু ট্যাগ "
এই শিরোনামের ট্যাগগুলোর ব্যবহার কোথায় করব।
Emphasized text: ইত্যাদি।
জানালে খুশি হব।আর আপনার এই কাজটি নিসন্দেহে প্রশংসনীয়।
শুভ কামনায়
তানভীর আহমেদ
[email protected]
ওহ অনেক দিন পর এসেই টিটি তে html টিউন পেয়ে গেলাম। নিজের একটা (ফ্রী) ওয়েবসাইট এর জন্য কাজ করছি বলে খুবই উপকারে আসবে রকিবুল ভাইয়ের টিউনগুলো। দশটি পর্ব হলে একসাথে প্রিন্টঅঊট দিব।html আল্প স্লপ জানি তাই web page maker দিয়ে কাজ করছি।
সমস্যায় পড়লে রকিবুল ভাই তো আছেই…