আমাদের প্রয়োজনীয় 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> ।
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) | টিউটোরিয়ালবিডি .
vai ato soja jinish. aro advanced lebel ar kisu chai.
আপনােদর সাইট খুব ভােলা লােগ আপনারা আরো িবস্তািরত করলে ভােলা হয়।
এইচটিএমএল এর প্রথম থেকে বিস্তারিত আলোচনা করলে ভালো হয়।
ভালই হচ্ছে চালিয়ে যান। আমরা আছি আপনার সাথে।