Web网页制作（静态网页）：千年之恋

莓事哒

于 2025-03-09 18:18:04 发布

阅读量3.2k

点赞数 75

分类专栏： Web网页制作文章标签：前端 web

本文链接：https://blog.csdn.net/2301_80945113/article/details/146136026

版权

一、是用的PyCharm来写的代码

二、代码中所用到的知识点（无 js）

这段HTML代码展示了一个简单的注册页面，包含了多个HTML元素和CSS样式的应用。

这段HTML代码展示了一个典型的注册页面，包含了常见的HTML元素和表单控件。通过CSS样式表，可以进一步美化页面布局和样式。虽然代码中没有直接使用JavaScript，但可以通过添加JavaScript来实现更复杂的交互功能。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>千年之恋</title>
    <link href="css/style06.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="head">
    <img src="images/logo.jpg"/>
</div>
<div id="nav_bg">
    <ul class="nav">
        <li><a href="#">首页</a></li>
        <li><a href="#">会员</a></li>
        <li><a href="#">活动</a></li>
        <li><a href="#">直播</a></li>
        <li><a href="#">视频</a></li>
        <li><a href="#" class="bg">注册</a></li>
    </ul>
</div>
<div id="banner">
    <img src="images/banner.jpg"/>
</div>
<div id="content">
    <h2 class="step">注册步骤：</h2>
    <form action="#" method="post" class="one">
        <h3>您的帐号信息：</h3>
        <table class="content">
            <tr>
                <td class="left">注册方式：</td>
                <td>
                    <label for="one"><input type="radio" name="sex" id="one"/>E-mail注册</label>&nbsp;&nbsp;&nbsp;&nbsp;
                    <label for="two"><input type="radio" name="sex" id="two"/>手机号码注册</label>
                </td>
            </tr>
            <tr>
                <td class="left">注册邮箱：</td>
                <td><input type="text" class="right" /></td>
            </tr>
            <tr>
                <td class="left">注册手机：</td>
                <td><input type="text" class="right" /></td>
            </tr>
            <tr>
                <td class="left">登陆密码：</td>
                <td><input type="password" maxlength="8" class="right" /></td>
            </tr>
            <tr>
                <td class="left">昵称：</td>
                <td><input type="text"