৪. এইচ টি এম এল এর সঙ্গে এমবেডিং (Embedding with HTML)

ওয়েব সাইটের জন্য আকর্ষণীয় ডিজাইন তৈরির জন্য এইচ টি এম এল (HTML) এবং সি এস এস (CSS) এর পরিপূরক অন্যকিছু নেই। কিন্তু যেহেতু এইচ টি এম এল (HTML) এবং সি এস এস (CSS) কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয় তাই ওয়েব পেজে প্রোগ্রামিং এর সুবিধা যুক্ত করার জন্য এবং ডাইনামিক ডাটা পরিচালনার জন্য এইচ টি এম এল (HTML) এর অভ্যন্তরে পি এইচ পি (PHP ) এমবেড বা অন্তর্ভূক্ত করার প্রয়োজন পরে। মূলত কোন একটা সাইটের ডিজাইন তৈরি করা হয় এইচ টি এম এল এবং সি এস এস ব্যবহার করে, আর সিকিউরিটি সিস্টেম, কন্টেন্ট ম্যানেজমেন্ট সিস্টেম,লগ ইন সিস্টেম ইত্যাদি তৈরি করা হয় এইচ টি এম এল (HTML) এর মধ্যেই পি এইচ পি (PHP ) এমবেডিং করে।

এইচ টি এম এল (HTML) এর অভ্যন্তরে পি এইচ পি (PHP ) এমবেড বা অন্তর্ভূক্ত করার জন্য HTML কোডের <body></body> এর মধ্যে PHP কোড সমূহ যুক্ত করে, সর্বশেষে index.php এর অনুরূপে ফাইলকে save করতে হয়। কোন একটা পেজের মধ্যে একাধিক PHP কোড এর ব্লক থাকতে পারে প্রতিটি PHP কোড এর ব্লক শুরু হবে <?php দ্বারা এবং শেষ হবে ?> দ্বারা অর্থাৎ প্রতিটি PHP কোড এর ব্লক হবে <?php ……………. ?> এর এর অনুরূপ।

অনুশীলন প্রজেক্ট

<html>
<head>
<title> www.tutohost.com</title>
<style>
body{background:#FFC;}
h2{color:#F03;}
h1{color:#C60;}
</style>
</head>
<body>
<?php
echo “<h1>We are learning PHP</h1>”;
echo “<br />”;
echo “<h2>Welcome to www.tutorialbd.com.</h2>”;
?>
<h1> A simple math.</h1>
<h2>
A=10, B=15, C=A+B=?
</h2>
C=
<?php
$a=10;
$b=15;
$c=$a+$b;
echo $c;
?>
<h1>
Some information about PHP.
</h1>
<?php
phpinfo();
?>
</body>
</html>

উপরের কোডটুকু একটা nptepad এ লেখার পর File মেনুতে ক্লিক করে Save as এ ক্লিক করার পর File name এ index.php দিয়ে Save as type এ All files সিলেক্ট করে Save এ ক্লিক করে Save করতে হবে। index.php ফাইলটিকে C:\xampp\htdocs অর্থাৎ htdocs ফোল্ডারের মধ্যে রাখতে হবে। এ কাজটিকে সহজে করার জন্য htdocs ফোল্ডারটিকে Shortcut করে Desktop এ রেখে দেয়া যেতে পারে। XAMPP Running অবস্থায় থাকলে index.php ফাইলটি ব্রাউজারে দেখানোর জন্য এড্রেস বারে লেখতে হবে http://localhost/index.php । আর যদি htdocs ফোল্ডারের মধ্যে কোন নতুন ফোল্ডার যেমন site নামে একটা ফোল্ডার তৈরি করে তার মধ্যে index.php ফাইলটিকে রাখা হয় তাহলে ব্রাউজারের এড্রেস বারে লেখতে হবে http://localhost/site/index.php । তাহলে ব্রাউজারে নিচের ছবির মত দেখাবে।

অনুশীলন প্রজেক্ট

Leave a Comment Cancel Reply