যা জানবো...
HTML কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়। তাই ওয়েব পেজেও প্রোগ্রামিং এর সুবিধা যুক্ত করার জন্য বিভিন্ন ধরনের স্ক্রিপ্টিং ল্যাঙ্গুয়েজ ব্যবহার করা হয়, যেমন জাভাস্ক্রিপ্ট, জে কোয়েরী ইত্যাদি।জাভাস্ক্রিপ্ট, জে কোয়েরী ইত্যাদি স্ক্রিপ্ট যুক্ত করার জন্য HTML এ <script> </script> ট্যাগ ব্যবহার করা হয়।এখান থেকে আমরা HTML এ স্ক্রিপ্ট যুক্ত করার পদ্ধতি সম্পর্কে জানতে পারব।
স্ক্রিপ্ট
HTML কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়। তাই ওয়েব পেজেও প্রোগ্রামিং এর সুবিধা যুক্ত করার জন্য বিভিন্ন ধরনের স্ক্রিপ্টিং ল্যাঙ্গুয়েজ ব্যবহার করা হয়, যেমন জাভাস্ক্রিপ্ট, জে কোয়েরী ইত্যাদি। এর মাধ্যমে ওয়েব পেজে লোকাল টাইম প্রদর্শন, সময় দিন তারিখ প্রদর্শন, ব্রাউজার চিহ্নিত করা, সময় এবং ইভেন্ট এর উপর ভিত্তি করে ব্যবহারকারীকে কোন বিশেষ বার্তা প্রদর্শন করা সহ বিভিন্ন ধরণের আকর্ষণীয় এবং গুরুত্বপূর্ণ কাজ করা সম্ভব হয়।
জাভাস্ক্রিপ্ট, জে কোয়েরী ইত্যাদি স্ক্রিপ্ট যুক্ত করার জন্য HTML এ <script> </script> ট্যাগ ব্যবহার করা হয়। যেমন
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="sliding_effect.js"></script>
<script type="text/javascript" src="sliding_effect.js"></script>
উদাহরণ প্রোগ্রাম
<html>
<head>
<title> www.tutohost.com</title>
<head>
<title> www.tutohost.com</title>
<script type="text/javascript">
function show_alert()
{
alert("Welcome to www.tutohost.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 Me" />
</body>
</html>
function show_alert()
{
alert("Welcome to www.tutohost.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 Me" />
</body>
</html>
একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozila Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।
যদি Click Me বাটনটিতে ক্লিক করা হয় তাহলে একটি এলার্ট বক্সে Welcome to www.otgdeveloper.cf লেখাটি দেখা যাবে
।
0 comments: