how to connect html to php code example

Example 1: php connect to mysql

$servername = "localhost";
$username = "username";
$password = "password";

// Create connection
$conn = new mysqli($servername, $username, $password);

// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}
echo "Connected successfully";


Simplified

$conn = mysqli_connect('localhost', 'username', 'password');
$database = mysqli_select_db($conn, 'database');

Example 2: load php in html

//Safe as:
index.html
number.php

//HTML:
<html>
   <head>
      <title>Home</title>
   </head>
   <body>
      <h1>Phone Number</h1>
      <?php include('number.php') ?>
   </body>
</html>

//PHP:
<?php
   echo 4895553268;
?>

Example 3: insert an html page into php

<?php
// do php stuff

include('fileOne.html');
include('fileTwo.html');

?>

Example 4: how to link html with php

/* PHP code can be easily injected into a standard HTML page. As a rule,
 * files with mixed content of that kind have .phtml extention. The workflow
 * is the same as for pure .php scripts: one should setup web-server to 
 * handle .phtml files the same way it handles .php - .phtml should be passed
 * to PHP engine, and the outcome gotta be sent to a visitor. PHP will parse
 * the .phtml and process everything inside tags <?php [..] ?>, ignoring the
 * rest. I.e. the php code pieces in .phtml will be replaced in outcome with
 * results of their processing, and HTML / CSS / JavaScript code in .phtml, 
 * as well as text content, will be displayed in browser as is. The one and
 * only strict rule - your .phtml mixes must always start with PHP tag 
 * sequence <?php ?>, otherwise they won't be preprocessed by PHP engine.
 */

<?php
/**
 * @category Template
 * @package Hello_World
 */

$tpl = 'Hello %s!';
  
?>
<!doctype html>
<html lang="en">
<head>
  <title><?php printf($tpl, 'World'); ?></title>
  <style>
  body {
    text-align: center;
  }
  </style>
</head>
<body>
  <h1><?php printf(
     $tpl, 
    'world of ' . date('Y') . ', the wonderful future world'
  ); ?></h1>
</body>
</html>

<!-- In a browser this template will display "Hello world of 2021,
     the wonderful future world!" with "Hello World!" in title -->

Tags:

Html Example