আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (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>

 

 

Level 2

আমি অসীম কুমার পাল। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর 11 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 147 টি টিউন ও 469 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 17 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

আমি অসীম কুমার পাল। ইলেকট্রনিক্স এবং ওয়েব ডিজাইনকে অন্তরে ধারণ করে পথ চলতেছি। স্বপ্ন দেখি এই পৃথিবীর বুকে একটা সুখের স্বর্গ রচনা করার। নিজেকে একজন অতি সাধারণ কিন্তু সুখী মানুষ ভাবতে পছন্দ করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level 0

অসীম ভাই, চালিয়ে যান আপনার পিছনে আছিছছছ।

কাজের পোস্ট…..

HTML 2 এর সাথে HTML 3 এর পার্থক্য কি?

    Level 2

    ধন্যবাদ,
    আসলে HTML-2 হল আমার লেখা HTML টিউটোরিয়ালের ২য় পর্ব আর তাহলে নিশ্চই HTML-3 টা আর বলে দিতে হবে না। অপেক্ষায় থাকেন হয়তবা HTML-4, HTML-5 …………………….. ও দেখতে পাবেন ।

Level 2

সকলকে বসন্তের শুভেচ্ছা !
সুখের স্নিগ্ধ পরশ প্রবাহিতো হোক সবার জীবনে।

Level 0

জোসসসস হচ্ছে ভাই…….থাইমেন না …চালায়া যান …..আমরা আছি আপনার পিছে
আর আমাদের কষ্ট করে শেখানোর জন্য অসংখ ধন্যবাদ

Level 0

ভাই ৩ এর পর আর নাই ?
আর কত অপেক্ষা করুম…