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

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

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