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

2
462
এটি 9 পর্বের এইচটিএমএল পাঠশালা সিরিজ টিউনের 6 তম পর্ব
Html টিউটোরিয়াল পর্ব (৬)

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

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

বিসমিল্লাহির রহমানির রাহিম আবারও ফিরে আসলাম এইচটিএমএল এর আরেকটি পর্ব নিয়ে আসলে পড়ালেখা ও কাজের ব্যস্ততায় লিখতে বসতে পারিনা তাই এই পর্বগুলো শেষ করতে একটু দেরি হচ্ছে সেই জন্য আন্তরিকভাবে দুঃখিত.. এই পর্বে দেখাব কিভাবে লেখাকে সুপার স্ক্রিপট সাবস্ক্রিপট করতে হয় এবং কিভাবে ফরম তৈরী করতে হয় এবং স্ক্ররল বাক্স কিভাবে তৈরী করতে হয় তা দেখব নতুন ইউজাররাও একটু খানি দেখলে পারবেন আর কথা না বাড়িয়ে শুরু করা যাক.

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

Html টিউটোরিয়াল পর্ব (৬)ফরম তৈরী:


প্রথমে পিসিতে নোডপেড অপেনকরুন নিচের কোডটি কপি করুন তারপর নোডপেডে পেস্ট করুন   তারপর এটাতে anyname.htmlনামে সেভ করুন

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

<html>

<body>

<form>

<table width=”50″ border=”0″>

<tr>

<td width=”50″>Name:</td>

<td width=”50″><input type=”text” name=”name2″></td>

</tr>

<tr>

<td width=”50″>Password:</td>

<td width=”50″><input type=”password” name=”password”></td>

</tr>

<tr>

<td width=”50″>Email:</td>

<td width=”50″><input type=”text” name=”email”></td>

</tr>

<tr>

<td width=”50″>Gender:</td>

<td width=”50″><input type=”radio” name=”sex” value=”male”>male<input type=”radio” name=”sex” value=”female”>female</td>

</tr>

<tr>

<td width=”100″>What do you want to larn</td>

<td width=”100″><input type=”checkbox” name=”Html” value=”html”>html<input type=”checkbox” name=”php” value=”php”>php

<input type=”checkbox” name=”Photoshop” value=”photoshop”>photoshpo</td>

</tr>

<td width=”50″></td>

<td width=”50″><input type=”submit” name=”submit” value=”Register”/></td>

</tr>

</table>

</form>

</body>

</html>


এর পর চলুন দেখি সুপার স্ক্রিপট ও সাবস্ক্রিপট কিভাবে করতে হয় সেটা দেখব:
সুপার স্ক্রিপট ও সাবস্ক্রিপটকরা একেবারে সহজ কিভাবে বললাম দেখুন আপনি যেই লেখাটির পর সুপার স্ক্রিপট বা সাবস্ক্রিপট
করবেন সেই লেখাটির পর এই কোডটি বসিয়ে দিবেন <sup>5</sup> অর্থাৎএইখানে ৫ কে সুপার স্ক্রিপট করা হয়েছে এর পরের কোডটি সাব স্ক্রিপট করা হয়েছে<sub>5</sub>

Html টিউটোরিয়াল পর্ব (৬)নরমাল Scroll Box:


নিচের কোডটি পূর্বে যেই নোডপেড খুলেছেন তাতে পেস্ট করুন এবং সেভ করুন এবং দেখুন কেমন হল..
<div
style=”height:120px;width:120px;border:1px solid #ccc;font:16px/26pxGeorgia, Garamond, Serif;overflow:auto;”>
As you can see, oncethere’s enough text in this box, the box will grow scroll bars… that’s why we
call it a scroll box! You could also place an image into the scroll box.
</div>

Html টিউটোরিয়াল পর্ব (৬)বেকগ্রাউন্ড কালার Scroll Box:


 আবার একিভাবে নিচের কোডটি পূর্বে যেই নোডপেড খুলেছেন তাতে পেস্ট করুন এবং সেভ করুন এবং দেখুন কেমন হল…
<div style=”height:90px;width:150px;overflow:scroll;background-color:#67F152;”>We
have added a background color to this HTML scroll box. This is done using the
CSS ‘background-color’ property.</div>

Html টিউটোরিয়াল পর্ব (৬)আনুভূমিক Scroll Box:


নিচের কোডটি পূর্বে যেই নোডপেড খুলেছেন তাতে পেস্ট করুন এবং সেভ করুন এবং দেখুন কেমন হল.
<div style=”border:1px solid
black;width:150px;height:100px;overflow-y:hidden;overflow-x:scroll;”>
<p style=”width:250%;”>
By using overflow-x, we can
create scroll bars when the contents of this div are wider than the container.
By setting this paragraph to 250 percent, it is 250 percent wider than the
parent container – forcing an overflow.
</p>
</div>

Html টিউটোরিয়াল পর্ব (৬)অতিরিক্ত কিছু ..এই গুলো উপরের গুলো সাথে ফ্রি…..


বিভিন্ন প্রতীক  নাম দিলাম আপনার কাঙ্কিত সিম্বল পাওয়ার জন্য এই    Html Name   ব্যবহার করতে পারবেন এইগুলো অনেকের অনেক সময় প্রয়োজন হতে পারে তাই দিলাম..
Symbol                  Html Name
µ                               &micro;
¼                              frac14; (একি ভাবে ¾ দিতে চাইলে &frac34;   লিখতে হবে)
                    
©                              &copy;
®                             &reg;
²                               &sup2; (এটা হলসুপার স্ক্রিপট sup এর ইচ্ছামতন সংখ্যা বসান)
³                              &sup3;

Html টিউটোরিয়াল পর্ব (৬)আজ এইটুকুতেই থাক পরের পর্বে আবার দেখা হচ্ছে নতুন পোস্ট নিয়ে সেই পর্যন্ত সবাই ভাল থাকুন সুস্থ থাকুন ধন্যবাদ……..

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

2 মন্তব্য

  1. টিউটোরিয়ালটি পড়ে এবং প্রাকটিস করতে খুব ভালো লাগলো। রেডিও বাটন ও চেকবক্স ক্লিয়ার হয়ে গেল। আপনাকে অসংখ্য ধন্যবাদ। এরকম আরো টিউটোরিয়ালের প্রতীক্ষায় রহিলাম। আবারো ধন্যবাদ।

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