在 Python 开发中,特别是结合 Web 开发(如 Flask 或 Django),你经常会与 HTML 标签 打交道。下面是对常见的 HTML 标签 <table><tr><td><th><form><div><span> 的详细介绍和 Python 结合使用的场景说明。


🌐 一、HTML 表格相关标签

HTML 中,表格由以下几个主要标签构成:

标签说明
<table>表示一个表格的开始
<tr>表示一行(table row)
<th>表头单元格(table header)
<td>表格数据单元格(table data)

✅ 示例:简单的 HTML 表格

<table border="1">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>30</td>
  </tr>
</table>

📌 在 Python 中动态生成 HTML 表格(Flask 例子)

from flask import Flask, render_template_string

app = Flask(__name__)

@app.route('/')
def table():
    users = [
        {'name': '张三', 'age': 25},
        {'name': '李四', 'age': 30},
    ]
    html = '''
    <table border="1">
        <tr><th>姓名</th><th>年龄</th></tr>
        {% for user in users %}
        <tr><td>{{ user.name }}</td><td>{{ user.age }}</td></tr>
        {% endfor %}
    </table>
    '''
    return render_template_string(html, users=users)

if __name__ == '__main__':
    app.run()

📝 二、HTML 表单 <form>

表单用于向服务器提交数据。

常用子标签:

标签说明
<input>输入框(文本、密码、按钮等)
<textarea>多行文本框
<select>下拉列表
<button>按钮
<label>标签,描述输入框

✅ 示例:表单提交

<form action="/submit" method="post">
  <label>姓名:</label>
  <input type="text" name="username"><br>
  <label>密码:</label>
  <input type="password" name="password"><br>
  <input type="submit" value="提交">
</form>

📌 在 Python Flask 中处理表单提交

from flask import Flask, request

app = Flask(__name__)

@app.route('/form')
def form_page():
    return '''
    <form action="/submit" method="post">
        姓名: <input name="username"><br>
        密码: <input name="password" type="password"><br>
        <input type="submit">
    </form>
    '''

@app.route('/submit', methods=['POST'])
def submit():
    name = request.form['username']
    pwd = request.form['password']
    return f'你提交的用户名是:{name},密码是:{pwd}'

if __name__ == '__main__':
    app.run()

📦 三、自定义标签 <div> 和 <span>

这两个是 结构性和样式性标签,不会对内容本身产生语义影响。

标签说明
<div>块级元素,常用于布局结构
<span>行内元素,常用于文本样式

✅ 示例:使用 div 和 span

<div style="border:1px solid #ccc; padding:10px;">
  <span style="color:red;">提示:</span>请输入你的信息。
</div>

🧠 四、总结表格

标签作用是否换行常见用途
<table>表格容器数据表格
<tr>表格行每一行数据
<th>表头单元格表头
<td>表格数据单元格表格中的内容
<form>表单数据提交
<div>块级容器页面布局
<span>行内容器文本内样式控制

📌 Python 常见使用方式

框架用途示例
Flask生成 HTML 表格或表单使用 render_template_string
Django使用模板渲染表格、表单使用 {{ var }} 结合模板语言
Jinja2通用 HTML 模板引擎配合 Flask/Django

如果你希望我结合 requestsBeautifulSoupSelenium 做 HTML 解析 或 表单自动提交 等 Python 操作,也可以继续问我!