HTML和PHP的基础教程（包括跳转页面和代码编写）

涛哥
Html代码

HTML基础教程

HTML是什么

HTML（Hypertext Markup Language）是一种用于创建网页的标准标记语言。它使用标记来描述网页的结构和内容。HTML标记通常被称为标签（tag），每个标签都有一个名称和一组属性，用于描述标签的具体内容和样式。

HTML文档结构和基本标记

一个HTML文档通常由三个部分组成：头部（head）、主体（body）和脚注（footer）。

<!DOCTYPE html> <!-- 声明文档类型 -->
<html> <!-- 文档开始标记 -->
<head> <!-- 头部开始标记 -->
    <meta charset="UTF-8"> <!-- 定义文档的字符编码 -->
    <title>页面标题</title> <!-- 定义页面标题 -->
</head> <!-- 头部结束标记 -->
<body> <!-- 主体开始标记 -->
    <h1>主标题</h1> <!-- 定义一级标题 -->
    <p>这是一段文本。</p> <!-- 定义段落 -->
    <a href="http://www.example.com">链接</a> <!-- 定义链接 -->
    <img src="image.jpg" alt="图片"> <!-- 定义图片 -->
</body> <!-- 主体结束标记 -->
<footer> <!-- 脚注开始标记 -->
    <p>版权所有 © 2021 Example</p> <!-- 定义脚注内容 -->
</footer> <!-- 脚注结束标记 -->
</html> <!-- 文档结束标记 -->

上面的例子展示了一个基本的HTML文档结构，并包含了一些常用的HTML标记。其中，<meta>标记用于定义文档的字符编码，<title>标记用于定义页面的标题，<h1>标记用于定义一级标题，<p>标记用于定义段落，<a>标记用于定义链接，<img>标记用于定义图片。

HTML表单

HTML表单是一种用于收集用户输入信息的标准方式。表单通常包含各种类型的表单元素，例如文本框、单选按钮、复选框、下拉列表等。

<form action="submit.php" method="post">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br>
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email"><br>
  <label for="gender">性别：</label>
  <input type="radio" id="male" name="gender" value="male">
  <label for="male">男</label>
  <input type="radio" id="female" name="gender" value="female">
  <label for="female">女</label><br>
  <label for="interest">兴趣：</label>
  <input type="checkbox" id="sport" name="interest[]" value="sport">
  <label for="sport">运动</label>
  <input type="checkbox" id="music" name="interest[]" value="music">
  <label for="music">音乐</label>
  <input type="checkbox" id="reading" name="interest[]" value="reading">
  <label for="reading">阅读</label><br>
  <label for="city">城市：</label>
  <select id="city" name="city">
    <option value="beijing">北京</option>
    <option value="shanghai">上海</option>
    <option value="guangzhou">广州</option>
    <option value="shenzhen">深圳</option>
  </select><br>
  <input type="submit" value="提交">
</form>

上面的例子展示了一个简单的HTML表单。其中，<form>标记用于定义表单，<label>标记用于定义表单元素的标签，<input>标记用于定义各种类型的表单元素，<select>标记用于定义下拉列表，<option>标记用于定义下拉列表选项。<input type="submit">标记用于定义提交按钮。

PHP基础教程

PHP是什么

PHP（Hypertext Preprocessor）是一种服务器端脚本语言，用于动态生成Web页面。PHP脚本可以与HTML结合使用，从而创建动态的Web应用程序。

PHP变量和数据类型

在PHP中，变量用于存储各种类型的数据，例如整数、浮点数、字符串、数组等。

<?php
  // 定义整数变量
  $age = 30;
  // 定义浮点数变量
  $price = 9.99;
  // 定义字符串变量
  $name = "Tom";
  // 定义数组变量
  $fruits = array("apple", "banana", "orange");
?>

PHP条件语句和循环语句

在PHP中，可以使用条件语句和循环语句来控制程序的流程。例如，可以使用if语句来执行条件判断，使用for循环语句来重复执行一段代码。

<?php
  // if语句
  $age = 30;
  if ($age > 18) {
    echo "成年人";
  } else {
    echo "未成年人";
  }
  // for循环语句
  $fruits = array("apple", "banana", "orange");
  for ($i = 0; $i < count($fruits); $i++) {
    echo $fruits[$i] . "<br>";
  }
?>

PHP函数

在PHP中，可以使用函数来封装可重用的代码。函数可以接受参数，可以返回值，可以在程序的任何地方调用。

<?php
  // 定义函数
  function add($a, $b) {
    return $a + $b;
  }
  // 调用函数
  $result = add(3, 4);
  echo $result;
?>

跳转页面

在HTML中，可以使用链接来跳转到其他页面。在PHP中，可以使用header函数来实现页面跳转。

<?php
  // 跳转到指定页面
  header("Location: http://www.example.com");
  exit;
?>

在上面的例子中，我们使用header函数来设置页面跳转，将页面重定向到指定的URL。注意，为了确保页面跳转正常执行，需要在header函数调用之后使用exit函数来终止程序的执行。

代码编写

在编写HTML和PHP代码时，通常需要使用文本编辑器。常用的文本编辑器包括Sublime Text、Visual Studio Code、Atom等。在编辑器中，可以创建新文件、打开已有文件、编辑文件内容，并保存文件内容到本地计算机。

在保存HTML文件时，通常需要使用.html或.htm作为文件扩展名；在保存PHP文件时，通常需要使用.php作为文件扩展名。同时，为了确保文件内容的正确性，需要注意文件编码、缩进、标记等方面的细节。

 
  • 字符串
  • 单选按钮
  • 文本框