在web安全的路上一直走下去~~~
在学习完了C语言并完成课程设计之后，便对html（超文本标记语言）进行了学习。学习html是为了能够明白，看懂那些网页的构造，他的头（head）是怎么样的，还有身体（body）等等~~~ 虽然很简单，但是也不能忽视html，最基本的语法和一些常见的属性也是要能够一眼看出来的，不过也可以去问一问度娘什么的。在郑老师的带领下，我们仅仅用了一个小时就把html的基本知识学了一下（辛亏是自己提前学了一些啊，不然就什么也听不懂了）然后写了一个登陆的html纯静态界面，还有注册界面。其中包括了 超文本链接，表单的text，radio，submit属性等等~先给上登陆，注册界面的截图吧
a.png
b.png
界面勉强是能看吧，也是修改了三四遍的了。一开始我还只是单纯将每一行元素的放在<tr></tr>里面，结果导致了画面对不齐，对于处女座来说是肯定不能忍的事情啦，所以将他们再放在<td></td>里面就ok了，可能对于一些web前端的大佬来说这都是超级超级小case的事情，但是对于我这个小白来说也只能是慢慢来摸索，其实懂了一些之后也再看看自己以前的代码却是会笑自己QAQ，哈哈哈~~~
代码如下
注册界面代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注册</title>
</head>
<body>
<h1 align="center">注册界面</h1>
<div align="center">
<table align="center" border="0">
<form>
<div align="right">
<tr>
<td>用 户 名:</td>
<td><input type="text" name=""></td>
</tr>
<tr>
<td>密 码 :</td>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type="password" name="password" align="right"></td>
</tr>
<tr>
<td>邮箱:</td>
<td><input type="text" name=""></td>
</tr>
<tr>
<td>住址:</td>
<td><input type="text" name=""></td>
</tr>
<tr>
<td>学号:</td>
<td><input type="text" name=""></td>
</tr>
<tr>
<td>班级:</td>
<td><input type="text" name=""></td>
</tr>
<tr>
<td align="center" colspan="2"><input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="women">女</td>
</tr>
<tr>
<td align="center" colspan="2"><input type="submit" value="提交"><input type="reset" name="重置"></td>
</tr>
</div>
</form>
</table>
</div>
</body>
</html>
登陆界面代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登陆界面</title>
</head>
<body>
<div align="center">
<h1>登录界面</h1>
<form>
<table border="0">
<tr>
<td>用户名:</td>
<td><input type="text" name="username"><br></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="password" name="password"><br></td>
</tr>
</table>
<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="female">女
<input type="submit" value="提交">
<a href="file:///C:/Users/HP/Desktop/b.html" target="blank">注册</a>
</form>
</div>
</body>
</html>
不过想要保存用户的数据还需要搭建自己的后台，又要用到PHP等相关的知识，所以加油吧，要相信自己，越努力，越幸运_
如果有什么想喷的随意喷，我都接受，毕竟新手~~~哈哈。
aa.gif
祝看到这篇文章的人越来越幸福~~
网友评论