close

PHP मा HTML र CSS को साथ प्रयोगकर्ता इन्टरफेस

वेबसाइट धेरै जसो वेब अनुप्रयोगहरूको एक आवश्यक भाग हो, र PHP मा, हामी प्रयोगकर्ता इन्टरफेस सिर्जना गर्न HTML र CSS प्रयोग गर्न सक्छौं। यस लेखमा, हामी हाम्रो अनुप्रयोगहरूको लागि सुन्दर र अन्तरक्रियात्मक प्रयोगकर्ता इन्टरफेस निर्माण गर्न PHP मा HTML र CSS कसरी प्रयोग गर्ने भनेर अन्वेषण गर्नेछौं।

 

HTML लाई PHP मा एकीकृत गर्दै

HTML लाई PHP मा एकीकृत गर्न, हामी PHP ट्यागहरू HTML सेक्सनहरूमा PHP कोड इम्बेड गर्न प्रयोग गर्न सक्छौं। निम्न उदाहरणले गतिशील शीर्षक सिर्जना गर्न PHP कसरी प्रयोग गर्ने भनेर देखाउँछ:

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

माथिको उदाहरणमा, हामी PHP ट्यागहरू <?php ?> HTML खण्डहरूमा 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> वर्ग परिभाषित गर्न ट्यागहरू भित्र CSS कोड ब्लक प्रयोग गर्छौं। .title अर्को, हामी विशेषता .title प्रयोग गरेर हेडिङमा वर्ग लागू गर्छौं class ।

 

PHP टेम्प्लेट इन्जिनहरू प्रयोग गर्दै

लचिलो र मर्मतयोग्य प्रयोगकर्ता इन्टरफेसहरू विकास गर्न, हामी PHP टेम्प्लेट इन्जिनहरू जस्तै Laravel Blade, Smarty, वा Twig प्रयोग गर्न सक्छौं। टेम्प्लेट इन्जिनहरूले हामीलाई इन्टरफेस र तर्कलाई विभिन्न फाइलहरूमा छुट्याउन अनुमति दिन्छ, स्रोत कोडलाई थप पढ्न योग्य र मर्मतयोग्य बनाउँछ।

निम्न उदाहरणले PHP समुदायमा लोकप्रिय टेम्प्लेट इन्जिन, Laravel ब्लेड प्रयोग गर्दछ:

<!-- 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 अनुप्रयोगहरूको लागि गतिशील र आकर्षक प्रयोगकर्ता इन्टरफेसहरू सिर्जना गर्न सक्छौं।