← Back to PHP Course | Chapter 15: Web Development | Lesson 1 of 12

PHP with HTML और CSS

PHP को HTML और CSS के साथ mix करना एक coloring book जैसा है जहाँ PHP कुछ blanks भरता है। Server पहले PHP चलाता है, और visitor को एक normal styled page मिलता है।
Syntax
php
<?php $variable = value; ?>
<h1><?php echo $variable; ?></h1>

<?php if (condition): ?>
    <p>shown only when condition is true</p>
<?php endif; ?>

PHP को HTML के साथ Mix करना

PHP tags सीधे एक HTML file के अंदर embed किए जा सकते हैं; server जो भी PHP उसे मिलता है execute करता है और finished HTML browser को भेजे जाने से पहले उन blocks को उनके output से replace कर देता है।

उदाहरण: Mixing PHP with HTML

php
<?php $name = "Alice"; ?>
<h1>Welcome, <?php echo $name; ?></h1>

CSS को Dynamically Output करना

क्योंकि PHP page browser तक पहुँचने से पहले चलता है, आप CSS values dynamically generate कर सकते हैं -- जैसे database-stored theme preference से एक background color set करना -- उन्हें सीधे एक style attribute या block में echo करके।

उदाहरण: Outputting CSS Dynamically

php
<?php $themeColor = "darkblue"; ?>
<div style="background-color: <?php echo $themeColor; ?>;">Themed box</div>

Conditional HTML Rendering

HTML को if-else blocks में wrap करना किसी template को server-side conditions के आधार पर पूरे sections दिखाने या छुपाने देता है, जैसे एक admin menu सिर्फ तभी दिखाना जब logged-in user के पास सही role हो।

उदाहरण: Conditional HTML Rendering

php
<?php $isAdmin = true; ?>
<?php // The if/endif alternative syntax reads cleanly when mixed with HTML ?>
<?php if ($isAdmin): ?>
  <nav>Admin Menu</nav>
<?php else: ?>
  <nav>Regular Menu</nav>
<?php endif; ?>

HTML Elements में Loop चलाना

HTML के एक chunk के आसपास एक foreach loop एक repeating structure -- जैसे table rows या product cards -- को array के हर item के लिए एक बार render करने का standard तरीका है, हर एक को हाथ से लिखने के बजाय।

उदाहरण: Looping HTML Elements

php
<?php $products = ["Book", "Pen", "Notebook"]; ?>
<?php // Loop over $products, printing one .product-card div per item ?>
<?php foreach ($products as $product): ?>
  <div class="product-card"><?php echo $product; ?></div>
<?php endforeach; ?>

Shorthand Echo Tags

shorthand tags <?= $value ?> <?php echo $value; ?> के बराबर हैं लेकिन कहीं कम noisy जब किसी template को page भर में दर्जनों छोटी values print करनी हों।

उदाहरण: Shorthand Echo Tags

php
<?php $price = 19.99; ?>
<p>Price: $<?= $price ?></p>
Related Topics
{# common_mistakes/chapter_summary/browser_support: on Hindi pages the view already swaps in the hi_ translation fields (or blanks these out if untranslated), so this renders correctly for both languages without a lang_code check here. #}
आम गलतियां
  1. एक loop में वापस HTML में switch करने से पहले ?> या एक brace से एक PHP tag बंद करना भूल जाना।
  2. htmlspecialchars के बिना user input को HTML में echo करना, जो XSS की अनुमति देता है।
  3. एक header() call से पहले output भेजना, जो एक headers already sent warning का कारण बनता है।

Login to run this code

C/C++/Java/PHP execution requires a free account. Your code is saved — you'll land right back in the editor after logging in.