HTML进阶版(表单标签、语义化标签、字符实体)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单和语义化标签示例</title>
</head>
<body>
<!-- 使用语义化标签进行用户注册 -->
<form action="/submit-form" method="post">
<header>
<h1>注册</h1>
</header>
<section>
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
</section>
<section>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email" required>
</section>
<section>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
</section>
<section>
<label for="bio">个人简历:</label>
<textarea id="bio" name="bio"></textarea>
</section>
<section>
<input type="submit" value="注册">
</section>
</form>
<!-- 字符实体的使用 -->
<p>下面的字符实体会显示为相应的符号:</p>
<p>© 表示版权符号 ©</p>
<p>— 表示长横线 —</p>
<p>☺ 表示笑脸 ☺</p>
</body>
</html>
这个代码示例展示了如何使用HTML5的语义化标签来创建一个用户注册表单,并且使用了字符实体来显示特殊字符。这是一个简单的用户注册页面,同时也展示了如何使用HTML进行基本的页面布局和内容输入。
评论已关闭