一、基础结构说明
PHP(服务器端脚本语言)与HTML(页面结构语言)通过以下方式配合:
文件扩展名使用
.php
在HTML结构中嵌入PHP代码
PHP处理动态内容,HTML负责展示
服务器解析PHP代码后生成最终HTML发送给客户端
二、基础示例
php
<!DOCTYPE html> <html> <head> <title>PHP+HTML示例</title> </head> <body> <!-- 静态HTML内容 --> <h1>欢迎来到<?php echo "我的网站"; ?></h1> <!-- 动态PHP内容 --> <?php date_default_timezone_set('Asia/Shanghai'); $currentTime = date("Y-m-d H:i:s"); ?> <p>当前时间:<?= $currentTime ?></p> </body> </html>
三、表单处理示例
1. 创建HTML表单(form.php)
php
<!DOCTYPE html> <html> <head> <title>用户注册</title> </head> <body> <form action="process.php" method="POST"> <label>用户名:</label> <input type="text" name="username" required> <label>邮箱:</label> <input type="email" name="email" required> <input type="submit" value="注册"> </form> </body> </html>
2. 处理表单数据(process.php)
php
<?php if ($_SERVER["REQUEST_METHOD"] == "POST") { // 获取并过滤输入 $username = htmlspecialchars($_POST['username']); $email = filter_var($_POST['email'], FILTER_SANITIZE_EMAIL); // 验证数据 if (!filter_var($email, FILTER_VALIDATE_EMAIL)) { die("无效的邮箱格式"); } // 显示结果 echo "<h2>注册成功!</h2>"; echo "<p>用户名:$username</p>"; echo "<p>邮箱:$email</p>"; } ?>
四、数据库连接示例(MySQLi)
php
<?php $servername = "localhost"; $username = "root"; $password = ""; $dbname = "myDB"; // 创建连接 $conn = new mysqli($servername, $username, $password, $dbname); // 检查连接 if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } // 执行查询 $sql = "SELECT id, name FROM users"; $result = $conn->query($sql); // 显示结果 if ($result->num_rows > 0) { echo "<ul>"; while($row = $result->fetch_assoc()) { echo "<li>ID: ".$row["id"]." - 姓名: ".$row["name"]."</li>"; } echo "</ul>"; } else { echo "0 结果"; } $conn->close(); ?>
五、最佳实践建议
代码分离:
将PHP逻辑代码放在文件顶部
保持HTML展示代码整洁
考虑使用模板引擎(如Smarty)或MVC框架
安全性:
始终验证和过滤用户输入
使用预处理语句防止SQL注入
对输出内容使用
htmlspecialchars()
错误处理:
php
error_reporting(E_ALL); ini_set('display_errors', 1);
文件结构:
/public_html /css /js /images index.php contact.php /includes header.php footer.php config.php
六、模板化示例
header.php:
php
<!DOCTYPE html> <html> <head> <title><?php echo $pageTitle; ?></title> <link rel="stylesheet" href="/css/style.css"> </head> <body>
footer.php:
php
<footer> <p>© <?php echo date('Y'); ?> 我的网站</p> </footer> </body> </html>
页面使用:
php
<?php $pageTitle = "首页"; include 'includes/header.php'; ?> <!-- 页面内容 --> <h1>欢迎访问首页</h1> <?php include 'includes/footer.php'; ?>
七、环境准备
安装本地服务器环境(XAMPP/MAMP/WAMP)
代码编辑器推荐:VS Code、PHPStorm
浏览器开发者工具
注意事项:
PHP代码必须在服务器环境下运行
文件保存时使用UTF-8编码
开发时开启错误提示,上线后关闭
使用最新PHP版本(推荐PHP 7.4+)
进阶学习方向:
MySQL数据库集成
用户会话管理(Session/Cookie)
面向对象编程
使用Composer管理依赖
框架学习(Laravel/Symfony)
这个指南可以帮助初学者快速建立PHP与HTML配合开发的基础认知,实际开发中需要根据项目需求添加更多功能和安全性措施。
<!-- 友情链接部分 -->
<div class="friend-links">
<h3>友情链接</h3>
<ul>
<li><a href="http://mip.jiankang320.com/" target="_blank" rel="noopener noreferrer">mip.jiankang320.com</a></li>
<li><a href="http://mip.pearice.com/" target="_blank" rel="noopener noreferrer">mip.pearice.com</a></li>
<li><a href="http://mip.hmlton.com/" target="_blank" rel="noopener noreferrer">mip.hmlton.com</a></li>
<li><a href="http://mip.ilomoo.com/" target="_blank" rel="noopener noreferrer">mip.ilomoo.com</a></li>
<li><a href="http://mip.yousling.cn/" target="_blank" rel="noopener noreferrer">mip.yousling.cn</a></li>
<li><a href="http://mip.vcbdrvg.cn/" target="_blank" rel="noopener noreferrer">mip.vcbdrvg.cn</a></li>
<li><a href="http://mip.wgupiao.cn/" target="_blank" rel="noopener noreferrer">mip.wgupiao.cn</a></li>
<li><a href="http://mip.newmeil.cn/" target="_blank" rel="noopener noreferrer">mip.newmeil.cn</a></li>
<li><a href="http://mip.metagem.cn/" target="_blank" rel="noopener noreferrer">mip.metagem.cn</a></li>
<li><a href="http://mip.lazykoala.cn/" target="_blank" rel="noopener noreferrer">mip.lazykoala.cn</a></li>
<li><a href="http://mip.jqepvnh.cn/" target="_blank" rel="noopener noreferrer">mip.jqepvnh.cn</a></li>
<li><a href="http://mip.bootstraptl.cn/" target="_blank" rel="noopener noreferrer">mip.bootstraptl.cn</a></li>
<li><a href="http://mip.carcaremaster.cn/" target="_blank" rel="noopener noreferrer">mip.carcaremaster.cn</a></li>
<li><a href="http://mip.hipandora.cn/" target="_blank" rel="noopener noreferrer">mip.hipandora.cn</a></li>
</ul>
</div>