Hi! friends,
I'm Deepak Sharma 26, today I'm very excited because my father rewarded me with a very special gift that I have never ever thought about it.
Well, today I'm gonna share about what I have got to learn. As usual in sunday there was no class in IICS.But I got to learn by my self by an abb in android phone which is called W3SCHOOLS.
Let's see what I have learned today,
<html>
<head>
<title>Facebook login page</title>
</head>
<body>
<table width=100% height=100% >
<tr height=20% style="background-color:blue;">
<td colspan=2><p style="margin-up:10px;"><center><font face="Arial black" color="white" size=+3>
<b>Facebook</b></font></center></p>
<center>
<form>
<label style="color: White;">User Name:</label>
<input type="text" placeholder="User Name"
style="height:20px;padding-left:10px; width:150px;border-radius:5px;">
<br><br>
<label style="color: white; ">Password:</label>
<input type="password" placeholder="Password"
style="height:20px; width:150px; padding-left:10px; border-radius:5px;">
</center>
<input type="reset" value="Clear" style="color:#fff; background-color:red; border-radius:5px;">
<input type="button" value="Login" style="color:white; background-color:green; margin-left:238px;border-radius:5px;">
</form>
</td>
</tr>
<tr height=80%>
<td width=40%>
<img src="/storage/emulated/0/com.yy.hiyo/tmptemp/profile_share.jpg" width=100%; height=75%;>
</td>
<td width=60%><center><h3><u>Create New Account</u></h3></center>
<b>First Name:</b>
<input type="text" placeholder="First Name" style="border-radius:5px; width:113px;padding-left:5px;">
<br><br><b>Last Name:</b>
<input type="text" placeholder="Last Name" style="border-radius:5px; width:113px; padding-left:5px;">
<br><br><b>Gender:</b>
Male<input type="radio" name="g">
Female<input type="radio" name="g">
<label style="margin-left:58px;">Other</label><input type="radio" name="g">
<br><br>
<b>DOB:</b><input type="date" style="margin-left:28px; border-radius:5px;"><br><br>
<b>Email Id:</b><input type="email" placeholder="Email Id" style="width:133px; border-radius:5px;"><br><br>
<b>Password:</b><input type="password" placeholder="Password" style="border-radius:5px;width:120px;"><br><br>
<center>
<input type="submit" value="Create New Account"
style="border-radius:5px; background-color:blue; color: white; font-size:19px; height:45px;">
</center>
</td>
</tr>
</table>
</body>
</html>
The output of this html code is,
You should try this by yourself also,
best of luck to all.
Very nice father
ReplyDeleteThank you.
Delete