كيف ربط htmlوcss معphp


التعليقات

تعتب صفحات ال PHP مزيجاً من PHP و HTML ..

  • لاحقة الملف يجب أن تكون PHP
  • ضمن الصفحة ننكتب وسوم HTML بشكل عادي
  • يبدأ كل جزء من شيفرة PHP بالرموز php?> حيث يتم تفسيرها

مثال:

<!DOCTYPE html>
<html>
<body>

<h1> تطوير صفحة PHP</h1>

<?php echo "مثال بسيط من شيفرة PHP"; ?>

</body>
</html> 

ويتم تضمين ملفات التنسيقات CSS بنفس الطريقة كما في HTML عن طريق الوسم link

يمكن عمل طباعة لأي جزء من شيفرة HTML عن طريق العبارة echo في PHP وسيتم عرضها كمحتوى HTML في المتصفح.

مثال لعرض قائمة أسماء

  • تم تعريف مصفوفة في PHP فيها أسماء
  • ثم عمل حلقة وطباعة عنصر HTML ضمنها مع أخذ قيمة من المصفوفة
<!DOCTYPE html>
<html>
<head>
<title>How to put PHP in HTML - foreach Example</title>
</head>
<body>
<?php
$employees = array(‘John’, ‘Michelle’, ‘Mari’, ‘Luke’, ‘Nellie’);
$total = count($employees);
?>
<h1>List of Employees</h1>
<ul>
<?php
$i = 0;
?>
<?php while ($i < $total) { ?>
<li><?php echo $employees[$i] ?></li>
<?php  ++$i ?>
<?php }  ?>
</ul>
</body>
</html>

في ملف html او php

الملف يكون بلاحقة PHP

يوجد اكثر من طريقة

الاولى:

يمكنك ان تنشئ ملف php وتكتب بداخله كود الhtml والphp فى نفس الملف كالشكل الاتى:

<?php قم بكتابة كود البى اتش بى هنا ?>
     <table>
         <tr>
             <td>Name</td>
             <td><?php echo $name;?></td>
         </tr>
     </table>

طريقة اخرى وهى ان تقوم بعمل form فى الhtml وتضع فى خاصية الaction مسار ملف الphp كما هو موضح فى الشكل التالى

<form action="مسار ملف البى اتش بى" method="post">
...
</form>

ويمكن ايضا باستخدام الجافاسكريبت ان ترسل طلب بال ajax كما هو موضح فى الشكل التالى

fetch('مسار ملف البى اتش بى')

تطوير الويب

مجتمع خاص بمناقشة وطرح المواضيع والقضايا العامة المتعلقة بتطوير الويب ولغاتها المختلفة

88.4 ألف متابع