Html টিউটোরিয়াল পর্ব (৪)

10
687
এটি 9 পর্বের এইচটিএমএল পাঠশালা সিরিজ টিউনের 4 তম পর্ব
Html টিউটোরিয়াল পর্ব (৪)

মুক্ত বিহঙ্গ (রিজভী)™

আমি ২০১১ সালে ডিপ্লোমা ইন-ইলেকট্রিক্যাল ইঞ্জিনিয়ারিং কমপ্লিট করেছি এখন EEE তে বিএসসি ইঞ্জিনিয়ারিং এ অধ্যায়নরত আছি, আর শুরু হতে টিউনারপেইজের সাথে আছি আশা করি ভবিষ্যৎও থাকব ইনশাআল্লাহ,আমার ব্লগ সাইট
Html টিউটোরিয়াল পর্ব (৪)

“বিসমিল্লাহির রহমানির রাহিম”

সবাই কেমন আছেন আশা করি ভাল আছেন আমিও শারিরিক ভাবে সুস্থ আছি আপনাদের দোয়াই কিন্তু একটু কনফিউসনে আছি লাইফটা মনে হচ্ছে ঝুলে আছে কি করব বুঝতে পারছি না আচ্ছা যাক সে কথা সবাই পারলে আমার জন্য একটু দোয়া করবেন, আজকে আপনাদের জন্য একটি টিউন নিয়ে হাজির হলাম সেটা হল HTML এর আরেকটি পর্ব, আমি আসলে চেস্টা করছি HTML এর টিউটোরিয়াল গুলো তাড়াতাড়ি শেষ করার জন্য কিন্তু কি করব ব্যস্ততায় লিখতে বসতে পারিনা আশা করছি নিয়মিত হব, অনেক বকবক করে ফেল্লাম ভুল হলে ক্ষমা চোখে দেখবেন, চলুন আজকের টিউনটি শুরু করি ও আরেকটি কথা আজকের টিউনে কি বিষয় সমূহ আলোচনা করব তা একটু আগে বলছি সেগুলো হল এইচটি এমএল দ্বারা কিভাবে টেবিল তৈরী করতে হয় কিভাবে লিস্ট তৈরী করতে হয় তা দেখাব…Html টিউটোরিয়াল পর্ব (৪)

টেবিল তৈরী‍‌  ‍‌  ‍‌   ‍‌  ‍‌  ‍‌  ‍‌  ‍‌  ‍‌‍‌  ‍‌  ‍‌  ‍‌  ‍‌  ‍‌  ‍‌  ‍‌  ‍‌  ‍‌  ‍‌ ‍‌  ‍‌  ‍‌ ‍‌‍‌‍‌   ‍‌  ‍‌   ‍‌  ‍‌‍‌‍‌   ‍‌  ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌‍‌‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌‍‌‍‌ ‍‌ ‍‌‍‌‍‌‍‌‍‌‍‌‍‌

 

প্রথমে আপনার পিসিতে নোডপেড অন করুন পূর্বের টিউটোরিয়ালের কোড গুলো কপি করে নোডপেডে পেস্ট করুন এবার নিচের কোডটি </body> এই লেখাটির আগে পেস্ট করুন

Html টিউটোরিয়াল পর্ব (৪)

<table width=”500″ border=”1″>

<tr>

<td>Basic</td>

<td>optinal</td>

<td>Pesonal</td>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

Html টিউটোরিয়াল পর্ব (৪)

এইবার এটাকে Webpage.html নামে সেভ করুন তার পর ঐ সেভ করা ফাইলটি দেখুন আপনার টেবিল তৈরী হয়ে গেছে

Html টিউটোরিয়াল পর্ব (৪)

╔══╗
║─╔╬═╗──
╚═╬╝╔╬═╗──এইবার
──╚═╬╝╔╬═╗──চলুন──
────╚═╬╝╔╬═╗──এটা───
──────╚═╬╝╔╬═╗──সম্বন্ধে────
────────╚═╬╝╔╬═╗──একটু জানি ────
──────────╚═╬╝╔╬═╗─────────────────

প্রথমে শুরু করেছি <table এই লেখাটি দিয়ে কারণ আমরা টেবিল তৈরী করব তাই এটি অবশ্যই দিতে এর পর width=”500″ border=”1″> এটি দিতে হবে এইখানে টেবিলে সাইজ আর বর্ডার এর কথা বলা হয়েছে, এর পর <tr> এবং <td> ব্যবহার করা হয়েছে যথাক্রমে রো এবং কলাম তৈরী করা নির্দেশ করার জন্য আর আপনি যদি সেল গুলোর মধ্যে আপনার ইচ্ছামত লিখতে পারবেন যেইভাবে আমি লিখেছি Basic, Optional, Personal আপনি যদি সেলগুলো খালি রাখতে চান তাহলে <td> এবং </td> এর মাঝখানে এই &nbsp; লেখাটি লিখতে হবে

Html টিউটোরিয়াল পর্ব (৪)

 

লিস্ট তৈরী ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌ ‍‌  ‍‌  ‍‌  ‍‌‍‌‍‌   ‍‌  ‍‌‍‌‍‌   ‍‌  ‍‌  ‍‌‍‌‍‌   ‍‌  ‍‌‍‌‍‌   ‍‌  ‍‌  ‍‌‍‌‍‌ ‍‌‍‌‍‌ ‍‌‍‌‍‌ ‍‌‍‌‍‌ ‍‌‍‌‍‌ ‍‌‍‌‍‌ ‍‌‍‌‍‌ ‍‌‍‌‍‌ ‍‌‍‌‍‌ ‍‌‍‌‍‌

এইবার দেখাব কিভাবে এইচটি এমএল এ লিস্ট তৈরী করতে হয় তার জন্য আপনাকে একি কাজটি করতে হবে যেমন ঐ নোডপেডে আগের কোডটির নিচে নিচের কোডটি বসিয়ে সেভ করুন

Html টিউটোরিয়াল পর্ব (৪)

<ul>

<li>Ms word</li>

<li>Ms excel</li>

<li>Ms power point</li>

<li>Internet</li>

</ul>

Html টিউটোরিয়াল পর্ব (৪)

এইখানে আপনি যদি <ul> এই জায়গায়<ol> এবং </ul> এর জায়গায় </ol> লিখেন তাহলে আপনার পেইজে যেই লিস্ট গুলো করেছেন তা 1,2,3 এইভাবে সিরিয়ালি আসবে আর আপনি যদি নাম্বারিং দিতে না চান তাহলে <ul>এর জায়গায় <ul type=”circle”> দিন তাহলে সারকেল আকারে আসবে আবার যদি স্কয়ার আকার দিতে চান তাহলে circle এর জায়গায় square দিন আবার যদি ইংরেজি অক্ষর দিয়ে শুরু করতে চান যেমন A,B,C ইত্যাদি দ্বারা তাহলে <ul>এর জায়গায় <ul type=”A”> এবং রোমান সংখ্যা দিয়ে শুরু করতে চাইলে A এর জায়গায় বড় হাতের আই(I) দিন অর্থ্যৎ <ul type=”I”> আর এইখানে <ul> টি ব্যবহার করা হয়েছে লেখার পূর্বে সাংকেতিক চিহৃ নির্ধারণ করা জন্য এবং আর <li> টি ব্যবহার করা হয়েছে লিস্ট তৈরী করার জন্য.. এই কাঙ্কিত ডিজাইনটি নিচের চিত্রে দেখুন

 Html টিউটোরিয়াল পর্ব (৪)

 

আজ এই পর্যন্ত রাখলাম সবাই ভাল থাকবেন এই কামনায় শেষ করছি……


‍‌‍‌‍‌‍

Series Navigation << Html টিউটোরিয়াল পর্ব (৩)Html টিউটোরিয়াল পর্ব (৫) >>

10 মন্তব্য

একটি উত্তর ত্যাগ