Daffodil Computers Ltd.

Create your Own Website => HTML, PHP => Topic started by: bbasujon on January 11, 2012, 07:30:02 AM

Title: Do not shortcut the rules, I do web design and web programming tutoriai
Post by: bbasujon on January 11, 2012, 07:30:02 AM
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং


Code:

<html>

   <head>     

 

      <title> This is title of your web site.</title>

 

   </head>

<body bgcolor=”green”>

This is the body of your web site.

 <h1>This is an example of  heading 1</h1>

<h2>This is an example of  heading 2</h2>

<h3>This is an example of  heading 3</h3>

<h4>This is an example of  heading 4</h4>

<h5>This is an example of  heading 5</h5>

 <h6>This is an example of  heading 6</h6>

 </body>

</html>

 

এখন file মেনু থেকে Save as এ ক্লিক করে File name: index.html  ,   Save as type : All files,  দিয়ে save করি । save করা index.html ফাইলটি Internet explorer দিয়ে open করলে নিচের মত দেখাবে।
(http://tutorialbd.com/bn/wp-content/uploads/2010/01/3.a.png)


C0de বিশ্লেষণ:

HTML দিয়ে HEADING বা শিরোনাম  লেখার জন্য <h1>,<h2>,<h3>,<h4>,<h5>,<h6> এই ছয়টি ট্যাগ ব্যবহার করা হয়। তবে অবশ্যই ট্যাগগুলির শেষ ট্যাগ অর্থাৎ যথাক্রমে </h1>,</h2>,</h3>,</h4>,</h5>,</h6> ব্যবহার করতে হবে। <h1>………</h1>  এর মাঝে যে লেখাটি লেখা হবে তার   Size সবচেয়ে বড় হবে  এবং পর্যায়ক্রমে অন্যগুলার  Size ছোট হবে । আমাদের code টি এবং ব্রাওজারে এর প্রদর্শিত রূপটি খেয়াল করলে বিষয়টি অরো স্পষ্ট হবে ।

এখন আমরা যদি <h1> ট্যাগ ব্যবহার করে একটি শিরোনাম লেখতে চাই তবে তা নিচের  code টুকুর মত লেখতে হবে,

                                                                             <h1>This is an example of  heading 1</h1>                           ।