Post Search

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 নামে সেভ করুন এবং ৯, ১০ ও ১১ নং লাই ..... ..... ......

HTML

ব্যাকগ্রাউন্ড (Background) Tutorials | SP Foundationbd

Background attribute এর সাহায্যে html টেবিলে ইমেজকে background image হিসাবে দেখানো যায়।

<table height="50" width="100"

background="http://www.SPFoundation.com/images/stories/imagel.jpg" >

<tr><td>This table has a background  image</td></tr>

</table>

প্রদর্শন:

This table has a background image

Html Background Repeat:

উপরের উদাহরনে দেখা গিয়েছে যে table এর আকার ছবির আকারের সমান বলে কোন সমস্যা হয় নি । যদি টেবিল এর আকার ছবির আকারের চেয়ে বড় হয় তবে background ছবি repeat হবে।

<table height="200" width="300"

background="http://www.SPFoundation.com/images/stories/imagel.jpg" >

<tr><td>This table has a background  image</td&g ..... ..... ......

Codeigniter

কোডইগনাইটার pagination tutorials (CodeIgniter Pagination Tutorial) - ২য় পদ্ধতিতে pagination

Query স্ট্রি ব্যবহার করে pagination

উপরের code ব্যবহার করেই এই pagination করা যাবে শুধু কনফিগারেশনে কিছু নতুন জিনিস যোগ করতে হবে।

কেন query string দিয়ে pagination: সবসময় ১ম পদ্ধতি কাজ করবেনা যেমন সার্চিং এর সময়। ১ম পদ্ধতি ব্যবহার করে কাজ ..... ..... ......

Codeigniter

Codeigniter পেজিনেশন Tutorials (CodeIgniter Pagination Tutorial) | SP Foundationbd

যখন কোন টেবিলে শত শত data থাকে তখন Pagination করা হয় কারন একসাথে সব row যদি একটা পেজে দেখাতে যান তাহলে লোড হতে অনেক সময় লাগবে তাছাড়া scroll করে দেখাও সমস্যা। কোডইগনাইটারে pagination করা খুব সহজ। কন্ট্রোলারে কয়েকটি configuration প্যারামিটার দিতে হয় এরপর ভিউ ফাইলে ১টা লাইন লিখলেই আপনার কাজ শেষ। বাকি সব কাজ কোডইগনাইটার একাই করবে।

 পেজিনেশন দুইভাবে করা যায়। প্রথমত URL এ কোয়েরি স্ট্রিং ছাড়া এবং দ্বিতীয়ত প্যারামিটার যেমন page number (কোয়েরি স্ট্রিং) ইত্যাদি ব্যবহার করে। ১ নম্ব ..... ..... ......

Codeigniter

Codeigniter bootstrap integration এবং best প্রাকটিস | SP Foundationbd

এই টিউটোরিয়ালে দেখাব কিভাবে কোডইগনাইটারের Project css javascript ফাইল ইত্যাদি রাখতে হয় এবং কোথায় রাখা সবচেয়ে ভাল। সাধারনত প্রফেশনালি "assets" নামের একটি ডিরেক্টরি তৈরী করে সেখানে এসব রাখা হয়। এই "assets" ফোল্ডারটি প্রজেক্টের root ডিরেক্টরিতে রাখবেন। যেমন

এবার এই "assets" এ js নামে একটি ফোল্ডার বানিয়ে প্রজেক্টের সব javascript file সেখানে রাখতে পারেন আবার ছবি থাকলে "images" নামের ডিরেক্টরি বানিয়ে সেখানে সব ছবি রাখতে পারেন। যেমন আমি রেখেছি দেখুন নিচের ছবিতে

Header Footer

প্রত্যেকটি ভিউয়ের যেটুকু প ..... ..... ......