close

PHP में HTML और CSS के साथ यूजर इंटरफ़ेस

एक वेबसाइट अधिकांश वेब अनुप्रयोगों का एक अनिवार्य हिस्सा है, और PHP में, हम उपयोगकर्ता इंटरफ़ेस बनाने के लिए HTML और CSS का उपयोग कर सकते हैं। इस लेख में, हम यह पता लगाएंगे कि हमारे अनुप्रयोगों के लिए एक सुंदर और इंटरैक्टिव यूजर इंटरफेस बनाने के लिए PHP में HTML और CSS का उपयोग कैसे करें।

 

HTML को PHP में एकीकृत करना

HTML को PHP में एकीकृत करने के लिए, हम HTML अनुभागों के भीतर PHP कोड को एम्बेड करने के लिए PHP टैग का उपयोग कर सकते हैं। निम्नलिखित उदाहरण दर्शाता है कि गतिशील शीर्षक बनाने के लिए PHP का उपयोग कैसे करें:

<html>  
<head>  
    <title><?php echo "Home Page"; ?></title>  
</head>  
<body>  
    <h1><?php echo "Welcome to our website!"; ?></h1>  
</body>  
</html>

उपरोक्त उदाहरण में, हम <?php ?> HTML अनुभागों में PHP कोड डालने के लिए PHP टैग का उपयोग करते हैं। यह हमें PHP कोड में गणना किए गए मानों के आधार पर गतिशील HTML तत्व बनाने की अनुमति देता है।

 

PHP में CSS शैलियाँ लागू करना

PHP पेज पर CSS शैलियों को लागू करने के लिए, हम <style> टैग के अंदर CSS कोड ब्लॉक का उपयोग कर सकते हैं। निम्नलिखित उदाहरण दर्शाता है कि PHP के भीतर HTML तत्व में CSS शैलियों को कैसे लागू किया जाए:

<html>  
<head>  
    <style>  
        .title {  
            color: blue;  
            font-size: 24px;  
        }  
    </style>  
</head>  
<body>  
    <h1 class="title"><?php echo "Dynamic Title"; ?></h1>  
</body>  
</html>

उपरोक्त उदाहरण में, हम रंग और फ़ॉन्ट-आकार गुणों के साथ <style> एक वर्ग को परिभाषित करने के लिए टैग के भीतर एक सीएसएस कोड ब्लॉक का उपयोग करते हैं। .title इसके बाद, हम विशेषता का .title उपयोग करके वर्ग को शीर्षक पर लागू करते हैं। class

 

PHP टेम्पलेट इंजन का उपयोग करना

लचीले और रखरखाव योग्य यूजर इंटरफेस विकसित करने के लिए, हम लारवेल ब्लेड, स्मार्टी या ट्विग जैसे PHP टेम्पलेट इंजन का उपयोग कर सकते हैं। टेम्प्लेट इंजन हमें इंटरफ़ेस और तर्क को अलग-अलग फ़ाइलों में अलग करने की अनुमति देते हैं, जिससे स्रोत कोड अधिक पठनीय और रखरखाव योग्य हो जाता है।

निम्नलिखित उदाहरण PHP समुदाय में एक लोकप्रिय टेम्पलेट इंजन लारवेल ब्लेड का उपयोग करता है:

<!-- resources/views/welcome.blade.php -->  
<html>  
<head>  
    <title>Home Page</title>  
</head>  
<body>  
    <h1>Welcome to our website!</h1>  
  
    <p>{{ $message }}</p>  
</body>  
</html>

 

उपरोक्त उदाहरण में, हम {{ $message }} टेम्पलेट में एक वेरिएबल प्रदर्शित करने के लिए सिंटैक्स का उपयोग करते हैं। इस वेरिएबल को नियंत्रित PHP कोड से पारित किया जा सकता है, जिससे हमें तर्क से पारित डेटा के आधार पर गतिशील इंटरफेस बनाने की अनुमति मिलती है।

 

अंत में, ये यूजर इंटरफेस बनाने के लिए PHP में HTML और CSS का उपयोग करने के कुछ तरीके हैं। PHP कोड को एकीकृत करके, CSS शैलियों को लागू करके और टेम्पलेट इंजन का उपयोग करके, हम अपने PHP अनुप्रयोगों के लिए गतिशील और आकर्षक यूजर इंटरफेस बना सकते हैं।