এটি 18 পর্বের HTML বেসিক ট্রেনিং ফ্রি বিষয়ক টিউনের 16 পর্ব

আসালামু আলাইকুম/নমস্কার । কেমন আছেন সবাই । আশা করি সবাই ভাল আছেন । আমি ভাল ।

 

আজকে আমরা দুটি বিষয় নিয়ে আলোচনা করব ।

  • Meta
  • Script

 

প্রথমে আমারা এইচটিএমএল <meta….<./meta> নিয়ে আলোচনা করি

একটি ওয়েব সাইট তখনই জনপ্রিয় হয় যখন তা মানুষের প্রয়োজনে আসে এবং যে কেউ প্রয়োজনের সময় সহজেই সার্চ ইন্জিনের মাধ্যমে সার্চ করে সাইটটিকে খুজেঁ পায়। একটি ওয়েব পেজ যেন সহজেই সার্চ ইন্জিন খুজে পায়  এ জন্য ওয়েব প্রোগ্রামারদের যে কাজটি করতে হয়, তাকে বলা হয় সার্চ ইন্জিন অপটিমাইজেশন। যে কোন ওয়েব সাইটের জন্যই সার্চ ইন্জিন অপটিমাইজেশন একটি গুরুত্বপূর্ণ বিষয়। ওয়েব পেজে মেটা ট্যাগ ব্যবহার করে এ গুরুত্বপূর্ণ কাজটি করা হয়। তাই এর কাজ অনেক গুরুত্বপূর্ণ ।

আমারা এইচটিএমএল এর ধারাবাহিক পর্ব নিয়ে আলোচনা করছি । এই পেজটির কিন্তু একটি মেটা মেটা ট্যাগে লেখা আছে । আর এই মেটা ট্যাগটি হল http://www.pchelpcenterbd.com/html-bangal-tutorial.

এবার আপনি যে কোন search engine এ সার্চ দিন । আমি Google সার্চ করছি কারন Google মামা  আমাদের সকলের পরিচিত জনপ্রিয় একটি সার্চ ইন্জিন । যদি আপনি Google এ http://www.pchelpcenterbd.com/html-bangal-tutorial  লিখে সার্চ দিন তা হলে নিচের ছবির মত আসবে  ।

IF

 

ছবিটিতে দেখেন আসুন HTML শিখি (পর্ব ১ ) এর নিচে কিছু লিখা আছে । মানে লিখা আছে  The most popular Technology Bangla Blog….

এখানে The most popular Technology Bangla Blog…. এটা হল <meta> এর  “description” । এবং  আসুন HTML শিখি (পর্ব ১ ) এটা হল <meta> এর “keywords” content ।

তাহলে চলুন দেখি কি করে মেটা ট্যাগ লিখা যায় ।

 

<html>
<head>
<title>meta tutorial</title>
<meta name=”description” content=”The most popular Technology Bangla Blog…. ” />
<meta name=”keywords” content=”বাংলা এইচটিএমএল, html bangla tutorial” />
</head>

প্রথমে পেজের টাইটেল, তারপর লিংক এবং এর পর আছে “The most popular Technology Bangla Blog….এবং প্রাথমিক একটি প্রোজেক্ট ও সাধারন ট্যাগগুলো নিয়ে আলোচনা করা হবে।”

*আপনি <meta name=”description” content=”…………………………………….” />  ট্যাগ এর ভিতর দিবেন আপনার keywords অনুযায়ী কিছু বিবরণ ।

যেমন :-এই সাইট এর description হল The most popular Technology Bangla Blog…………..

<meta name=”keywords” content=”…………………………………….” /> এর মধ্যে লেখা আছে “বাংলা এইচটিএমএল, html bangla tutorial” একে কি ওয়ার্ড বলা হয়।

*আমরা যখন কোন বাক্য লিখে সার্চ ইন্জিনে সার্চ করি তখন সার্চ ইন্জিন বাক্যটিকে ভেঙ্গে একাধিক কি ওয়ার্ড এ বিভক্ত করে সার্চ করে। তাই কি ওয়ার্ড হচ্ছে সার্চ ইন্জিনে কোন ওয়েব পেজ খুজে পাওয়ার অন্যতম পদ্ধতি। এজন্য HTML এর মাধ্যমে কোন পেজ তৈরির সময় ।

<meta name=”keywords” content=”…………………………………….” /> এর মধ্যে সম্ভাব্য কি ওয়ার্ড গুলো যুক্ত করে দেয়া হয়।

**ওয়েব পেজ অটো রিফ্রেস করার জন্যও মেটা ট্যাগ ব্যবহার করা হয়।

<META HTTP-EQUIV=”REFRESH” CONTENT=”15;URL=http://www.pchelpcenterbd.com”>

উপরের কোডটি ব্যবহার করলে প্রতি ১৫ সেকেন্ড অন্তর অন্তর http://www.pchelpcenterbd.com পেজটি একবার করে রিফ্রেস হবে। ( facebook এ এটি ব্যাবহার করা হয়েছে । তাই facebook কিছুক্ষণ পর পর রিফ্রেস  হয়ে নতুন নতুন পোস্ট আসে । )

 

বি :দ্র →মনে রাখেবেন সব সময় মেটা <head>……</head> এই ট্যাগ এর ভিতরে লিখেতে হবে ।

 

 

 

এবার আমরা script নিয়ে আলোচনা করি

নিচে <script> ট্যাগ এর কোড দেওয়া হল ।

<html>
<head>
<title> script </title>

<script type=”text/javascript”>
function show_alert()
{
alert(“Welcome to www.pchelpcenterbd.com”);
}
</script>
</head>
<body bgcolor=”#009933″ >
<input type=”button” style=”margin-left:150px; width:100px; height:50px; font-size:18px; color:#F00″ onclick=”show_alert()” value=”Click It” />
</body>
</html>

 

একটা  নোটপ্যাড  open  করে  উপরের code  টুকু  লিখে  file  মেনু  থেকে  Save as এ ক্লিক করে File name:  aaa.html  ,   Save as type : All files,  দিয়ে save করে aaa.html ফাইলটি Mozila Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।

IF

 

যদি Click Me বাটনটিতে ক্লিক করা হয় তাহলে একটি এলার্ট বক্সে Welcome to www.pchelpcenterbd.com লেখাটি দেখা যাবে।

 
আজ আর লিখছি না । এ পর্যন্ত । পরের পর্বে আবার দেখা হবে । ধন্যবাদান্তে

Series Navigation<< আসুন HTML শিখি (পর্ব-১৫)আসুন HTML শিখি (পর্ব-১৭) >>