1.怎么制作如下谷歌标签?
HTML_code:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>p{/* 居中 */text-align: center;/* 字体大小 */font-size:80px;/* 字符间距 大于0增大间距 小于0减小间距 */letter-spacing: -10px;}.g1,.g2{color: blue;}.o1,.e{color:red;}.o2{color: yellow;}.l{color: green;}.bian{border:8px double red;}</style>
</head>
<body><p><span class="g1">G</span><span class="o1">o</span><span class="o2">o</span><span class="g2">g</span><span class="l">l</span><span class="e">e</span></p></body>
</html>
2.如何制作下面的注册页面
HTML_code
<html>
<head><title>register</title><style>form{width: 400px;height: 300px;background-color: aqua;text-align: center;margin: 200px auto;}table{width: 300px;height: 100px;background-color: yellow;text-align: center;margin: auto;}</style>
</head>
<body><!-- action:跳转后端网址 --><form action="register" method="post"><table><tr><td><label>用户名:</label></td><td><input type="text" name="username"></td></tr><tr><td><label>密码:</label></td><td><input type="text" name="password"></td></tr><tr><td><label>年龄:</label></td><td><input type="number" name="age"></td></tr><tr><td><label>地址:</label></td><td><input type="text" name="address"></td></tr><tr><td><label>性别:</label></td><td><!-- value为后端的默认值 --><input type="radio" name="sex" value="男">男<input type="radio" name="sex" value="女">女</td></tr><tr><td><label>爱好:</label></td><td><!-- value:后端的默认值 --><input type="checkbox" name="hobby" value="看小说">看小说<input type="checkbox" name="hobby" value="跑步">跑步<input type="checkbox" name="hobby" value="写算法">写算法</td></tr></table><input type="reset" value="重置"><!-- submit提交按钮,不用button,因为这个按钮要和js搭配使用 --><input type="submit" value="注册"></form></body>
</html>
3.如何制作下面的登录页面
HTML_code
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>login</title><style>div{/* 高度 */height: 150px;/* 宽度 */width: 300px;/* 背景颜色 */background-color: aqua;/* 自动居中 */margin: 200px auto;}form{/* 表格里的内容居中 */text-align: center;}</style></head><body><div><!-- 将form表单放到div中,方便调整位置 --><form action="login" method="post"><caption>用户登入</caption><p><hr></p><label for="">用户名:</label><input type="text" name="username"> <br><label for="">密 码:</label><input type="password"> <br><input type="submit" value="登录"><input type="reset" value="重置"></form></div></body>
</html>