本文档展示了如何使用HTML和CSS设计一个以海绵宝宝为主题的网页。包括了HTML结构，如用户登录表单、导航链接，以及CSS样式，如页面布局、颜色和字体设置，用于实现美观的视觉效果。
这是首页的第一个html：
（详细代码如下）
<!DOCTYPE html>
<html>
<head>
<link href="1.css" type="text/css" rel="stylesheet"/>
<meta charset="utf-8">
<title>海绵宝宝网</title>
</head>
<body>
<div class="banner">
<div class="nav_1">
<li><a href="1.html">用户登录</a></li>
</div>
<div class="nav_2">
<li><a href="2.html">人物介绍</a></li>
</div>
<div class="nav_3">
<li><a href="3.html">经典语录</a></li>
</div>
</div>
<div id="denglu">
<form action="1.html" method="get">
<table class="form">
<tr>
<td class="left">
请输入用户名:
</td>
<td class="right">
<label for="username"><input type="text" name="" id="username" style="width: 200px;"></label>
</td>
</tr>
<tr>
<td class="left">请输入手机号:</td>
<td class="right">
<label for="tel"><input type="tel" name="" id="tel" style="width: 200px;"></label>
</td>
</tr>
<tr>
<td class="left"> 请输入密码:</td>
<td>
最低0.47元/天 解锁文章
扫一扫
1238
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
