আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-3)

আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-2)  এর মাধ্যমে আমরা কিভারে HTML  এর মাধ্যমে একটা ওযেব পেজের ব্যাকগ্রাউন্ড কালার দিতে হয় তা দেখেছি এখন আমরা কিভবে HTML এ HEADING বা শিরোনাম  লিখতে হয় তা জানব।

আমাদের প্রয়োজনীয় Code এবং এর বিভিন্ন অংশ:

আমরা একটা নোটপ্যাড open করে নিচের code টুকু লিখি।

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 করলে নিচের মত দেখাবে।

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>                           ।

4 thoughts on “আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-3)”

  1. আপনােদর সাইট খুব ভােলা লােগ আপনারা আরো িবস্তািরত করলে ভােলা হয়।
    এইচটিএমএল এর প্রথম থেকে বিস্তারিত আলোচনা করলে ভালো হয়।

  2. Wow, wonderful blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your web site is excellent, as well as the content!. Thanks For Your article about আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-3) | টিউটোরিয়ালবিডি .

Leave a Comment