html在线生成

作者：娚人ゝ無須赫赫有名发布日期:2025-04-18 浏览:30

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML 在线生成示例</title>
</head>
<body>
    <h1>HTML 在线生成示例</h1>
    <p>这是一个简单的 HTML 页面示例。</p>
    <form action="#" method="get">
        <label for="name">输入您的名字:</label>
        <input type="text" id="name" name="name"><br><br>
        <input type="submit" value="提交">
    </form>
</body>
</html>

解释说明：

<!DOCTYPE html>: 声明文档类型为 HTML5。
<html lang="zh-CN">: 设置页面的语言为简体中文。
<head>: 包含页面的元数据，如字符编码、视口设置和标题。
<meta charset="UTF-8">: 设置字符编码为 UTF-8，确保页面能正确显示各种语言的字符。
<meta name="viewport" content="width=device-width, initial-scale=1.0">: 确保页面在移动设备上能正确缩放。
<title>: 设置页面标题为“HTML 在线生成示例”。
<body>: 包含页面的主要内容。
<h1>: 一级标题，显示页面的主要标题。
<p>: 段落标签，用于显示一段文字。
<form>: 表单标签，用于收集用户输入。这里是一个简单的表单，包含一个文本输入框和一个提交按钮。

这个示例展示了如何创建一个简单的 HTML 页面，并包含了一个基本的表单元素。

上一篇：html简单网页成品

下一篇：html cursor