Post Search

HTML

How to learn ফর্ম (Form) in HTML | SP Foundationbd

সাইটের ভিজিটরদের তথ্য নেয়ার জন্য form ব্যবহার হয়। এজন্য HTML এ <form></form> এলিমেন্ট আছে এবং এর ভিতর নানান ধরনের ফর্ম সংক্রান্ত element ব্যবহার করে চমৎকার form বানানো যায়। তবে form পুরন করে user যখন submit করবে তখন সার্ভার সাইড language যেমন php, পাইথন, ASP ইত্যাদি ব্যবহার করে process করতে হয় এমনকি প্রসেসের পর ডেটাবেস ব্যবহার করে সেভ করেও রাখা যায়। যাইহোক html form element দিয়ে শুধু form টি তৈরী করা হয়। একটা সাধারন ফর্ম

<form action="processor.php" method="post">

<input type="text" name="first_name" />

<input type="text" name="last_name" />

<input type="submit"& ..... ..... ......

Codeigniter

Codeigniter session ম্যানেজমেন্ট (Session Management CodeIgniter) - সেশন ড্রাইভার part two

কোডইগনাইটারের session লাইব্রেরীর ধরনের ড্রাইভার বা স্টোরেজ সিস্টেম আছে যেখানে CI session data রাখে। বাই ডিফল্ট কোডইগনাইটার ফাইল ড্রাইভার ব্যবহার করে। আপনি চাইলে config.php ফাইল থেকে এটা পরিবর্তন করতে পারেন $config['sess_driver'] লাইন দিয়ে। file ছাড়া ..... ..... ......

Codeigniter

Codeigniter সেশন Management (Session Management CodeIgniter) part one

কোডইগনাইটারের বর্তমান ভার্সনে সেশন library টি সম্পূর্ন নতুন করে লেখা হয়েছে। আগের library তে bug ছিল। যাইহোক আপনার এপ্লিকেশনে সেশন ব্যবহার করতে চাইলে আগে library টি আগে লোড করতে হবে। যেকোন library কিভাবে load করে তা আগের tutorial গুলিতে অনেকবার দেখ ..... ..... ......

CSS

How to learn সিএসএস কার্সর | SP Foundation

যেকোন link বা লেখার উপরে Mouse নিয়ে গেলে সাধারনত হাতের চিহ্ন বা তীর চেহ্ন ইত্যাদি দেখায়। css দিয়ে এই চিহ্ন পরিবর্তন করা যায়।cursor নামের একটি প্রোপার্টিজ আছে সেটা দিয়ে পরিবর্তন করা যায়, cursor এর অনেকগুলি মান আছে যেমন

01.a.one{

  1. 03.cursor : wait;
  2. 05.}
  3. 07.a.two{
  4. 09.cursor: crosshair;
  5. 11.}
  6. 13.p.three{
  7. 15.cursor: help;
  8. 17.}
  9. 19.a.four{
  10. 21.cursor: pointer;
  11. 23.}
  12. 25.p.five{
  13. 27.cursor: text;
  14. 29.}

30.p.six{

  1. 32.cursor: none;
  2. 34.}

35.p.seven{

  1. 37.cursor: context-menu;
  2. 39.}

40.p.eight{

  1. 42.cursor: cell;
  2. 44.}

45.p.nine{

  1. 47.cursor: vertical-text;
  2. 49.}

50.p.ten{

  1. 52. ..... ..... ......

HTML

How to learn কোড ও প্রি ট্যাগ in Html | SP Foundationbd

code tag এর মাধ্যমে আপনার text কে computer code এর মত করে লেখতে পারেন। এটা সাধারন ভাবে text এর  font face, size, এবং letter spacing পরিবর্তন করতে পারে।

This text has been formatted to be computer <code>code</code>!

প্রদর্শন: Computer Code

This text has been formatted to be computer code!

Use this tag to separate any computer code you wish to display on your website. It is not always necessary, but the tag exists if you so desire.

HTML - Code Links

পৃথক link হিসাবে আপনার web page এ দেখাতে পারেন।

<p>Feel free to search <a href="http://www.google.com" target="_blank">

<code>Google</code>

</a> for

anything you wish to find on the internet.</p>

 প্রদর্শন: Code Links: ..... ..... ......

HTML

How to learn বোল্ড ও ইটালিক | SP Foundationbd

বোল্ড (bold)

HTML ডকুমেন্টে কোন লেখা গাঢ় (বোল্ড) করে দেখানোর দরকার হলে <b></b> ব্যবহার করা হয়। body এলিমেন্টের ভিতর যেকোন এইচটিএমএল এলিমেন্টের অভ্যন্তরে b ট্যাগ ব্যবহার করা যায়।

যেমন

<p><b>SPFoundation</b> is the largest <b>Bengali</b> tutorial site to learn Web Development</p>

প্রদর্শন:

SPFoundation is the largest Bengali tutorial site to learn Web Development

b ট্যাগের পরিবের্তে strong নামে আরেকটি ট্যাগ ব্যবাহর করা যায়, একই কাজ শুধু পার্থক্য হল SEO তে। strong বেশি SEO friendly

ইটালিক টেক্সট

==============

<i></i> ট্যাগ দিয়ে ব ..... ..... ......

HTML

How to বডি (body) div in Html | SP Foundationbd

body ট্যাগ এর আগের tutorials গুলির প্রায় সব জায়গায় ব্যবহার করা হয়েছে। <body></body> এর ভিতরেই সব কনটেন্ট রাখতে হয়। ul, li, a, h1 ... h6, p, div এক কথায় সব এলিমেন্ট এর ভিতরে থাকবে html আর head এর ভিতর যে কয়েকটি এলিমেন্ট নির্দিষ্ট করা আছে সে কয়েকটি ছাড়া।

যেকোন web page a যান এবং সেটার সোর্স কোড দেখুন, সব element body এর ভিতর দেখতে পাবেন। মজিলা ফায়ারফক্স দিয়ে সোর্স দেখার জন্য ওয়েব পেজের উপর রাইট বাটন click করে "View Page Source" এ click করুন তাহলে পেজটির পুরো html দেখতে পাবেন।

leftmargin, topmargin, text, background, bgcolor এরকম আরো বেশকিছু এট্রিবিউট ছ ..... ..... ......

HTML

How to মিউজিক (Embed Music) and Video in HTML | SP Foundationbd

HTML ৫ এ অডিও ভিডিও প্রদর্শনের জন্য নতুন কিছু tag এসেছে ফলে ব্রাউজারে অডিও ভিডিও চালানো এখন খুব সহজ। আগে embed নামের একটি ট্যাগ দিয়ে এই কাজগুলি চালানো হত তবে অনেক সমস্যা ছিল। যেমন embed ট্যাগ কাজ করার জন্য Plugin install থাকতে হত (ব্রাউজারে)। এদের মধ্যে খুব পরিচিত একটি প্লাগিন হচ্ছে ফ্লাশ প্লেয়ার এছাড়া কুইক টাইম, ভিএলসি (VLC), Windows Media Player ইত্যাদি।

সমস্যা হত যদি ইউজারের ব্রাউজারে কোন মিডিয়া প্লেয়ার প্লাগিন ইনস্টল না থাকত। যাই HTML 5 এসব সমস্যার সমাধান নিয়ে এসেছে। যদি এখনও IE (ইন্টারনে ..... ..... ......

HTML

How to learn লেআউট (Layout) in HTML | SP Foundationbd

HTML Layout হল খুব মৌলিক বিষয়। টেবিলের ভিতর টেবিল স্থাপন করে html layout

তৈরী করা হয়।

** বর্তমানে লেআউট ডিভ (div এলিমেন্ট) ব্যবহার করে বানানো হয়। টেবিল দিয়ে কখনই লেআউট বানাবেন না। টিউটোরিয়ালটি দেয়া আছে তাই মোছা হলনা। টেবিল দিয়েও যে লেআউট বানানো যায় এবং আগে সব ..... ..... ......

HTML

How to learn ফ্রেম (Frame) in HTML | SP Foundationbd

HTML frame দিয়ে একটা web page কে দুই বা ততোধিক ভাগে ভাগ করা যায়। ডিভের ব্যাপারটা চিন্তা করুন, প্রতিটি ডিভে যেমন আলাদা আলাদা কনটেন্ট দেয়া যায় তেমনি  প্রত্যেকটি ফ্রেমে আলাদা আলাদা পেজ লোড করানো যায়।

ধরুন আপনার একটি পেজে ৩টি ফ্রেম আছে, আপনি চাইলে যেকোন একটিকে রিলোড করাতে পারেন (পুরো পেজ লোড করানো ছাড়াই)। একটা পেজে কয়েকটি frame থাকলে সেটাকে বলে ফ্রেমসেট। <frameset></frameset> এর ভিতরে <frame></frame> রাখতে হয়। যেমন নিচের উদাহরনের কোডটুকু frame_example.html নামে সেভ করুন এবং ৯, ১০ ও ১১ নং লাই ..... ..... ......