Sunday, October 14, 2018

how to linking Any link by using html code। কিভাবে html code ব্যবহার করে কোনোকিছু linking করবেন।

Welcome to wealfare.blogspot.com




আজকে আমরা দেখবো কিভাবে html code ব্যবহার করে  কোনো কিছু linking করা যায়।

যারা আমাদের আগের পর্ব গুলো দেখেন নি তারা HTML & CSS category তে প্রবেশ করে দেখে নিতে পারেন।

প্রথমে demo দেখেন ঃ
click here to see Wealfare home page

আমরা জানি কোনো কিছু  লিংক করতে গেলে <a> </a>
html কোডটি ব্যবহার করতে হয়।
তো চলুন  শুরু করা যাক
আজকে wealfare.blogspot.com site এর home page link করে দেখাবো। প্রথমে আপনারা যে link টি linking করতে চান সেই link টি  কপি করে নিন তারপর নিচের মতো করে বসান
<a href="http://wealfare.blogspot.com/?m=1>Wealfare home page</a>

এরকম করে যে কোনো  link linking করেন হয়ে যাবে।

পোস্টটি ভালো লাগলে কমেন্ট ও সেয়ার করবেন

পোস্টটি পড়ার জন্য ধন্যবাদ
পরবর্তী পোস্টের জন্য আমাদের সাথেই থাকুন।

Saturday, October 6, 2018

how to create a Registration page by using html code। কিভাবে html code ব্যবহার করে Registration page তৈরি করা যায়।

Wellcome to wealfare.blogspot.com




আজকে আমরা দেখবো কিভাবে html code ব্যবহার করে  Registration page তৈরি করা যায়।
যারা আমাদের আগের পর্ব গুলো দেখেন নি তারা HTML & CSS category তে প্রবেশ করে দেখে নিতে পারেন।

প্রথমে demo দেখেন ঃ
Registration Page


First name

Last name
your E-mail:

Your password:
Retype Your password:



^top



তো চলুন  শুরু করা যাক প্রথমে নিচের html code টি copy করুন
<p>
<style type="text/css">
      body {background-imgage:ccs.png;}
</style>
</p>
<p>
<title>Registration Page</title>
<br></br><br></br>      
<br><font> First name</font></br><br>
       <input type=name id=name id=name></br>
              <br><font> Last name</font></br><br>
       <input type=name id=name id=name></br>
<br><font>your E-mail:</font></br><br><input type=e-mail id=e-mail id=e-mail></br><br>
</font>Your password:</font><br><input type=password id=password id=password></br>
</font>Retype Your password:</font><br><input type=password id=password id=password></br>
<select id=day>
<option>dd</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<select id=month>
<option>mm</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
<select id=year>
<option>yyyy</option>
<option>1900</option>
<option>1901</option>
<option>1902</option>
<option>1903</option>
<option>1904</option>
<option>1905</option>
<option>1906</option>
<option>1907</option>
<option>1908</option>
<option>1909</option>
<option>1910</option>
<option>1911</option>
<option>1912</option>
<option>1913</option>
<option>1914</option>
<option>1915</option>
<option>1916</option>
<option>1917</option>
<option>1918</option>
<option>1919</option>
<option>1920</option>
<option>1921</option>
<option>1922</option>
<option>1923</option>
<option>1924</option>
<option>1925</option>
<option>1926</option>
<option>1927</option>
<option>1928</option>
<option>1929</option>
<option>1930</option>
<option>1931</option>
<option>1932</option>
<option>1933</option>
<option>1934</option>
<option>1935</option>
<option>1936</option>
<option>1937</option>
<option>1938</option>
<option>1939</option>
<option>1940</option>
<option>1941</option>
<option>1942</option>
<option>1943</option>
<option>1944</option>
<option>1945</option>
<option>1946</option>
<option>1947</option>
<option>1948</option>
<option>1949</option>
<option>1950</option>
<option>1951</option>
<option>1952</option>
<option>1953</option>
<option>1954</option>
<option>1955</option>
<option>1957</option>
<option>1958</option>
<option>1959</option>
<option>1960</option>
<option>1961</option>
<option>1962</option>
<option>1963</option>
<option>1964</option>
<option>1965</option>
<option>1966</option>
<option>1967</option>
<option>1968</option>
<option>1969</option>
<option>1970</option>
<option>1971</option>
<option>1972</option>
<option>1973</option>
<option>1974</option>
<option>1975</option>
<option>1976</option>
<option>1977</option>
<option>1978</option>
<option>1979</option>
<option>1980</option>
<option>1981</option>
<option>1982</option>
<option>1983</option>
<option>1984</option>
<option>1985</option>
<option>1986</option>
<option>1987</option>
<option>1989</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
<option>2009</option>
<option>2010</option>
</select>
<br><input type=submit value="submit"><imag src="submit-jpg/submit.jpg"></img></a>
</input></br>
<p><font midil><h1><a href="#top">^top</a></h1></p>
</p>

এবার code টি আপনার notepad  অথবা  webmaster lite এ paste করে save করে নিন।   তারপর যে কোনো  browser দিয়ে open  করুন কাজ হয়ে যাবে।

পোস্টটি ভালো লাগলে কমেন্ট ও সেয়ার করবেন

পোস্টটি পড়ার জন্য ধন্যবাদ
পরবর্তী পোস্টের জন্য আমাদের সাথেই থাকুন।

Tuesday, October 2, 2018

How to make a full input from by using html code।কিভাবে html code ব্যবহার করে সম্পূর্ণ একটা input from তৈরি করা যা।

Wellcome to wealfare.blogspot.com


আজকে আমরা দেখবো কিভাবে html code ব্যবহার করে  সম্পূর্ণ  input from  তৈরি করা যায়।
যারা আমাদের আগের পর্ব গুলো দেখেন নি তারা HTML & CSS category তে প্রবেশ করে দেখে নিতে পারেন।

প্রথমে demo দেখেন ঃ

input form

First name:last name: password: gender male female

Religionmuslim other It Exprinae hardware Expert software Expert Graphic designer
Select deprtment
তো চলুন  শুরু করা যাক প্রথমে নিচের html code টি copy করুন
<html1>
<h1 align="center">input form </h1>
<table align="center"style="width":700px">
<tr>
<td>
<form align="center">
First name:<input type="text"name=>last name:<input type= "text"name="last name><br><br>
user name:<input type= "text"name= "user">
password:<input type= "password"name= "pwd"></br></br>
<b>gender</b>
<input type="radio"name="sex"value= "male">male
<input type= "radio"name= "sex"value="female">female<br><br>
<b>Religion</b><input type= "checkbox"name= "vehicle"value= "bike">muslim
<input type= "checkbox"name= "vehicle"value= "car">
other</br></br>
<b>It Exprinae</b>
<input type= "checkbox"name= "vehicle"value= "bike">hardware Expert
<input type= "checkbox"name= "vehicle"value= "bike">software Expert
<input type="checkbox"name= "vehicle"value= "bike">Graphic designer</br></br>
<br>
<b>Select deprtment</b>
<select name= "deprtment">
<option>cse</option>
<option>EEE</option>
<option>poner</option>
<option>pharmay</option></br>
<input type= "submit"value= "submit">
</form>
</td>
</tr>
</table>
</div>
</html>

এবার code টি আপনার notepad  অথবা  webmaster lite এ paste করে save করে নিন।   তারপর যে কোনো  browser দিয়ে open  করুন কাজ হয়ে যাবে।

পোস্টটি ভালো লাগলে কমেন্ট ও সেয়ার করবেন

পোস্টটি পড়ার জন্য ধন্যবাদ


পরবর্তী পোস্টের জন্য আমাদের সাথেই থাকুন।

Monday, October 1, 2018

How to make radio button by using html code। কিভাবে html code ব্যবহার করে radio button তৈরি করে।

Wellcome to wealfare.blogspot.com




আজকে আমরা দেখবো কিভাবে html code ব্যবহার করে  radio button   তৈরি করা যায়।
যারা আমাদের আগের পর্ব গুলো দেখেন নি তারা HTML & CSS category তে প্রবেশ করে দেখে নিতে পারেন।

প্রথমে demo দেখেন ঃ
Male:
Female:
তো চলুন  শুরু করা যাক প্রথমে নিচের html code টি copy করুন
<html>
<body>
<form action = "">
Male:
<input type = "radio"checked= "checked"name= "sex"value= "male">
<br>
Female:
<input type = "radio"checked= "checked"name= "sex"value= "female">
</form>
</body>
</html>

এবার code টি আপনার notepad  অথবা  webmaster lite এ paste করে save করে নিন।   তারপর যে কোনো  browser দিয়ে open  করুন কাজ হয়ে যাবে।

পোস্টটি ভালো লাগলে কমেন্ট ও সেয়ার করবেন

পোস্টটি পড়ার জন্য ধন্যবাদ
পরবর্তী পোস্টের জন্য আমাদের সাথেই থাকুন।

Sunday, September 30, 2018

How to make multi-line by using html code in bangla। কিভাবে html code ব্যবহার করে multi-line তৈরি করে।

Wellcome to wealfare.blogspot.com


আজকে আমরা দেখবো কিভাবে html code ব্যবহার করে  multi-line  তৈরি করা যায়।

যারা আমাদের আগের পর্ব গুলো দেখেন নি তারা HTML & CSS category তে প্রবেশ করে দেখে নিতে পারেন।

প্রথমে demo দেখেন ঃ


তো চলুন  শুরু করা যাক প্রথমে নিচের html code টি copy করুন

<html>
<body>
<p>
<textarea rows = "10"cols= "30">
 wealfare.blogspot.com
</textarea>
</body>
</html>
এবার code টি আপনার notepad  অথবা  webmaster lite এ paste করে save করে নিন।   তারপর যে কোনো  browser দিয়ে open  করুন কাজ হয়ে যাবে।

পোস্টটি ভালো লাগলে কমেন্ট ও সেয়ার করবেন

পোস্টটি পড়ার জন্য ধন্যবাদ
পরবর্তী পোস্টের জন্য আমাদের সাথেই থাকুন।

How to make a checkbox by using html code in bangla। কিভাবে html code ব্যবহার করে checkbox তৈরি করবেন।

Wellcome to wealfare.blogspot.com


আজকে আমরা দেখবো কিভাবে html code ব্যবহার করে  check box তৈরি করা যায়।

যারা আমাদের আগের পর্ব গুলো দেখেন নি তারা HTML & CSS category তে প্রবেশ করে দেখে নিতে পারেন।

প্রথমে demo দেখেন ঃ

i have a bike:
i have a car:
i have a bus:

চলুন তো শুরু করা যাক প্রথমে নিচের html code টি copy করুন
<html>
<body>
<form action = "">
i have a bike:
<input type = "checkbox"name= "vehicle"value= "bike">
<br>
i have a car:
<input type = "checkbox"name= "vehicle"value= "car">
<br>
i have a bus:
<input type = "checkbox"name= "vehicle"value= "bus">
</form>
</body>
</html>
এবার code টি আপনার notepad  অথবা  webmaster lite এ paste করে save করে নিন।   তারপর যে কোনো  browser দিয়ে open  করুন কাজ হয়ে যাবে।

পোস্টটি ভালো লাগলে কমেন্ট ও সেয়ার করবেন

পোস্টটি পড়ার জন্য ধন্যবাদ
পরবর্তী পোস্টের জন্য আমাদের সাথেই থাকুন।

How to make a text field by using html code in bangla। html code ব্যবহার করে কিভাবে text field তৈরি করে।

Wellcome to wealfare.blogspot.com


আজকে আমরা দেখবো কিভাবে html code ব্যবহার করে  text field তৈরি করা যায়।

যারা আমাদের আগের পর্ব গুলো দেখেন নি তারা HTML & CSS category তে প্রবেশ করে দেখে নিতে পারেন।

প্রথমে demo দেখেন ঃ



First name
Last name

চলুন তো শুরু করা যাক প্রথমে নিচের html code টি copy করুন।


<html>
<body>
<form>
First name
<input type="text"name= "firstname"/>
<br/>
Last name
<input type="text"name= "lastname"/>
</form>
</body>
</html>


এবার code টি আপনার notepad  অথবা  webmaster lite এ paste করে save করে নিন।   তারপর যে কোনো  browser দিয়ে open  করুন কাজ হয়ে যাবে।

পোস্টটি ভালো লাগলে কমেন্ট ও সেয়ার করবেন

পোস্টটি পড়ার জন্য ধন্যবাদ
পরবর্তী পোস্টের জন্য আমাদের  সাথেই থাকুন।

Saturday, September 29, 2018

How to make a drop down box by using html code। কিভাবে html code ব্যবহার করে drop down box তৈরি করে।

Wellcome to wealfare.blogspot.com


আজকে আমরা দেখবো কিভাবে html code ব্যবহার করে
drop down box তৈরি করা যায়

প্রথমে demo দেখুন



এবার দেখবো কিভাবে তৈরি করবেন

আমাদের আগের পর্ব গুলো না দেখে থাকলে HTML & CSS  Category তে প্রবেশ করে দেখে নিন

চলুন শুরু করা যাক
এবার নিচে থেকে  code টি কপি করুন


<html>
<body>
<form action = "">
<select name = "country">
<option value = "Bangladesh">Bangladesh</option>
<option value = "india">india</option>
<option value = "nepal">nepal</option>
</select></form>
</body>
</html>

এবার code  টি আপনার notepad  or webmaster lite এ paste করে save করে ব্রাউজার  দিয়ে open করুন। কাজ হয়ে যাবে।

পোস্টটি ভালো লাগলে কমেন্ট ও সেয়ার করবেন।

পোস্টটি পড়ার জন্য ধন্যবাদ
পরবর্তী পোস্টটেরর জন্য সাথেই থাকুন।

basic concept of HTML Codeing in Bangla। বাংলায় HTML codeing এর মৌলিক ধারনা।

Wellcome to Wealfare.blogspot.com





আজকের আলোচনাঃ

HTML এর মৌলিক ধারনা নিয়ে।  

যারা আগের পার্ট গুলো দেখেননি তারা দেখে নিনঃ

part 1
part 2

কিভাবে HTML  edit করবঃ

 কম্পিউটার এ আপনার Notepad open করুন
                 অথবা মোবাইলের জন্য
webmaster lite app টি ডাউনলোড করে নিন
download here

HTML এর কাঠামো নকশা ও লে-আউটঃ
<html>
 <head> 
              <title> example </title>
</head>
<body>
             <p>
                  <h2>Paragraph title </h2>
                <br>content gose here
                      content gose here   </br>
               <br>content gose here
                      content gose here   </br>          <br>content gose here</br>
                      content gose here   </br>
            </p>
</body>
</html>

উপরের html code টি copy এবং notepad  অথবা  webmaster lite এ paste কেরে  save করে নিন।  এবার file
টি html viewer বা  যে কোনো ব্রাউজার দিয়ে open করলে screen এ নিচের মতো ফলাফল
পাবেনঃ

Paragraph title


content gose here content gose here
content gose here content gose here
content gose here content gose here

পোস্টটি ভালো লাগলে শেয়ার করুন

পোস্টটি পড়ার জন্য ধন্যবাদ
পরবর্তী পোস্টটের জন্য আমাদের সাথেই থাকুন।

Friday, September 28, 2018

Introduction to HTML Tags & HTML Syntax in bangla।

Wellcome to wealfare.blogspot.com



আজকে আমরা আলোচনা করবো
HTML এর ট্যাগ সিনটেক্সট পরিচিতি  নিয়ে (Introduction to HTML Tags & HTML Syntax)


সাধারণত HTML ডকুমেন্ট বা ফাইল কিছু মার্কাআপ ট্যাগ ও অ্যাটিবিউটের সন্বয়ে তৈরি।একটি ওয়েব পেজের বিভিন্ন অংশ ব্রাউজারের মাধ্যমে কেমনভাবে প্রদর্শিত হবে তা মার্ক আপ  ওপর নির্ভর করে মার্কআপ (mark up) ট্যগের ওপর নির্ভর করে। (mark up) ট্যাগ কে HTML  ট্যাগও বলা হয়। HTML ট্যাগ হলো কতগুলো কিওয়ার্ড যা একজোড়া অ্যাঙ্গেল ব্র্যাকেটের (<>) মধ্যে লিখা হয় ট্যাগগুলো সাধারণত জোড়ায় জোড়ায় লেখা হয়। যেমনঃ <b> এবং </b>। প্রতি জোড়ার প্রথম টাক বা শুরু ট্যাগকে বলে  opening tag এবং শেষ ট্যাগকে বলে closing tag। শেষ বা closing ট্যাগ লিখতে কিওয়ার্ডের শুরু তে forward slash (/) দিতে হয়।


HTML Tag  এর syntax :

<tag name> content  </tag name>
<html>  HTML এর ডকুমেন্ট বর্ণা বা নির্দেশ করে।

<head>   HTML এর ডকুমেন্ট head অংশ নির্দেশ করে।

<title>  HTML এর ডকুমেন্ট title অংশ নির্দেশ করে।

<body>  HTML এর ডকুমেন্ট body বর্ণা করে অথবা মুল কনটেন্ট অংশ নির্দেশ করে।

<h1>নির্দেশিত টেক্সট সর্ববৃহৎ সাইজ প্রদান করে।

<h6> নির্দেশিত টেক্সট সব চেয়ে ছোট ফন্ট  সাইজ প্রদান করে।

<p> একটি প্যরাগ্রাফ বর্ননা করে।

<!--> একটি কমান্ড বর্ননা করে।

অবশ্য <html>,<head>,<title>, ও <body> ট্যাগসমুহকে HTML এর মৌলিক ট্যাগ বলা হয়।


HTML ট্যাগ এর প্রকারভেদঃ

html ট্যাগ দুই ধরনেরঃ ১।এমপ্টি ট্যাগ ও ২।কনটেইনার ট্যাগ।

যে ট্যাগের শুরুর ট্যাগ আছে কিন্তু শেষের ট্যাগ নেই সেগুলকে এমপ্টি ট্যাগ বলে।
যেমনঃ <br>, <hr>,<img>


যে ট্যাগের শুরুর ট্যাগ আছে এবং শেষের আছে সেগুলকে কনটেইনার ট্যাগ বলে।

যেমনঃ<b> </b>,<p> </p> ইত্যাদি।

এর পরে আমরা html coding শুরু করবো।

পোস্টটি পড়ার জন্য ধন্যবাদ
ভালো লাগলে কমেন্ট করুন ও আমিদের সঙ্গেই থাকুন।

Wednesday, September 26, 2018

Primary concept of html in Bangla। HTML Learning। এবার বাংলায় শিখুন html ।

Wellcome to wealfare.blogspot.com



আজ থেকে আমরা শুরু করতে যাচ্ছি  HTML Learning বংলাতে। এখানে আপনারা জানতে পারবেন html কি ও html এর প্রাথমিক ধারণা ।  কিভাবে html ব্যবহার করতে হয়,কিভাবে  html coding করতে হয় ও  html ব্যবহার করে কি হয় ইত্যাদি প্রাসঙ্গিক বিষয় নিয়ে এই html & css category তে বিস্তারিত  আলোচনা করবো।



প্রথমে আমরা  Html এর প্রাথমিক ধারণা জানবোঃ
একটি ওয়েব পেজের মূল গঠন তৈরি হয়  html দিয়ে। Html শব্দের পূর্ণরূপ হলো :- Hyper Text Markup Language।  ১৯৯০ সালে জেনেভার  CERN ( The European Center for Nuclear Research)  এ কাজ করার সময় টিমস বার্নার্স লী (Sir Tim Berners Lee) সর্বপ্রথম HTML আবিস্কার করেন।  ১৯৯৫ শালে HTML 2.0,  ১৯৯৭ সালে জানুয়ারি মাসে HTML3.2   এবং একই সালের ডিসেম্বর মাসে HTML 4.0   ভার্সন বাজারে আসে।। আর  HTML 5 হচ্ছে HTML এর সর্বশেষ ভার্সন যা ২০১০ সালে বাজারে আসে।

HTML এমন একটি ল্যাঙ্গুয়েজ বা ভাষা যার মাধ্যমে অতি সহজে পছন্দ অনুযায়ী ওয়েব পেজ তৈরি করা সম্ভব। আবার ওয়েব পেইজে text, audio, video  গ্রাফিক্স  তথা তথ্যকে সাজাতে এবং ফরমেট করে নান্দনিকভাবে  উপস্থাপন করতে HTML    ব্যবহার করা হয়। HTML কে Hyper Language বলা হয় কারণ , HTML -এ লেখা কোন শব্দকে লিঙ্ক হিসাবে  তৈরি করে ওয়েব পেজের এক অংশ থেকে অন্য অংশে বা অন্য কোন ওয়েব পেজে যাওয়ার ব্যবস্থা করা যায়।


 HTML এর সুবিধাঃ

১। ছোট বা বড় হাতের কিংবা উভয়ের মিশ্রণে HTML প্রোগ্রাম লিখলেও  কোন সমস্যা হয় না। 

২। HTML coding এবং syntax সহজ হওয়ায়  খুব দ্রুত static web page তৈরি করা যায়।

৩। HTML এর সাথে বিভিন্ন স্ক্রিপটিং Language যেমনঃ javascript, PHP, CSS, ASP ইত্যাদি ব্যবহার করে dynamic web page তৈরি করা যায়।

৪। HTML দিয়ে তৈরি ওয়েব পেইজ অধিকাংশ ব্রাউজারের মাধ্যমে দেখা যায়।

৫। HTML শিখার জন্য কোন প্রোগ্রামিং knowledge  দরকার হয় না।

৬। Text document থেকে  HTML ফাইল আকারে ছোট হয়।

৭। যে কোন text এডিটর  ব্যবহার  করে সহজে  HTML  প্রোগ্রাম তৈরি করা যায়।

৮। ওয়েব পেইজের টেমপ্লেইট গঠন করা যায়।

৯। ওয়েব ফর্ম ডিজাইন করা যায়।

১০। HTML দ্বারা তৈরি  কোন ওয়েব পেইজ সহজে লোড হয়।

১১। HTML দিয়ে ওয়েব পেইজে সহজে  audio,video,animation যুক্ত করা যায়।

১২। বর্তমানে ওয়েব পেইজ তৈরিতে XML ব্যবহার করা হয়।  তবে  XML এর সাথে HTML এর মিল থাকায়  HTML জানা থাকলে সহজে  XML  শিখা যায়।

HTML এর অসুবিধা ঃ

১। সাধারণ ওয়েব পেইজ তৈরিতে অনেক কোড  লিখতে হয়।

২। মূলতঃ static web page তৈরি করা যায়।

৩। HTML  এ লেখা প্রোগ্রাম  তুলনামূলক বড় হলে পরিচালনায় সমস্যার সৃষ্টি হয়।

৪। নিরাপত্তা ব্যবস্থা ভালো নয়।


পরবর্তী পোস্টে আমরা HTMl tag এর সাথে পরিচিত হবো।

পোস্টটি কেমন হলো কমেন্ট করে জানাবেন এবং বেশি বেশি করে Share  করবেন।


পোস্টটি পড়ার জন্য ধন্যবাদ।
পরবর্তী পোস্টের জন্য আমাদের সাথেই থাকুন