MEMBUAT HTML TAMPILAN FORM BUAT AKUN FACEBOOK.COM BARU
Berjumpa
kembali,kali ini saya membahas HTML lagi ..Anda sudah tahu desain web itu
seperti apa?....Kesempatan ini saya menunjukan cara membuat HTML seperti
membuat form di facebook,yahoo dan mail,dll. Memang menarik kali ini dimana
saya merasa sangat kesulitan membuat ini ,Alhamdulillah bisa juga.
Facebook.com:
Gambar Dari form Facebook.Com(Original)
Gambar Dari Html facebook.com
Beserta data ScipNya Dibawah :
<!DOCTYPE HTML>
<html>
<head>
<title> Password</title>
</head>
<body>
<div style="background:
blue"><p align="left"><font size="07"
color="black">FACEBOOK</font></p></div>
<body
style="background:#33ccff">
<form>
Username:<input
type="text"
name="namapertama"/>
Password: <input
type="password"
name="sandi"/>
<td><input
type="submit" value="MASUK"/></td>
</tr>
</form>
<tr><td><input
type="checkbox"> Biarkan saya tetap tetap masuk</td><td
colspan="9"><br>Lupa Kata Sandi Anda
?</td></tr></br>
</table>
</div>
</div>
</body>
</html>
<html>
<head>
<meta
http-equiv="content-type" content="text/html" />
<meta
name="author" content="ramon" />
<title>Untitled
1</title>
</head>
<body>
<meta
http-equiv="content-type" content="text/html" />
<meta
name="author" content="ramon" />
<title>Untitled
1</title>
</head>
<body>
<br ><b>PENDAFTARAN
GMAIL</b><br />
<form>
NAMA DEPAN ANDA : <input
type="text"text"
name="namapertama"/>
NAMA BELAKANG ANDA :<input type ="text"
name="namaakhir"/>
</form>
</body>
</html>
<form>
<br>MASUKAN ALAMAT ANDA : <input
type="text"text"
name="alamat"/>@Yahoo.com or Yahoo.co.id</br>
<br>MASUKAN SANDI ANDA
:<input type ="text"
name="sandi"/></br>
<br>MASUKAN ULANG SANDI ANDA:<input type ="text"
name="sandi"/></br>
</form>
<p>HARI ULANG TAHUN</p>
<select><option>BULAN</option></select>
<select><option>TANGGAL</option></select>
<select><option>TAHUN</option></select>
<span style="font:normal 10px
Tahoma,Verdana;">
<a href="">Mengapa
saya harus memberikan tanggal lahir saya??</a>
</span><br/><br/>
<input type="radio"
name="radio"> Perempuan
<br/>
<input type="radio" name="radio">
Laki-Laki <br/>
<td><input
type="submit" value="MENDAFTAR"/></td>
<p>By clicking Sign Up, you
agree to our <a href="">Terms</a> and that you have read
our
<a href="">Data Use
Policy</a>, including our <a href="">Cookie
Use</a>.</p>
<input type="submit"
class="login" value=" "/>
</div>
<div
id="clear"></div>
</div>
</div>
<!-- Design Footer website -->
<div id="footer">
<div id="link">
<a href="">Bahasa
Indonesia</a>
<a href="">English
(US)</a>
<a
href="">Español</a>
<a href="">Português
(Brasil)</a>
<a href="">Français
(France)</a>
<a
href="">Deutsch</a>
<a
href="">Italiano</a>
</div>
<div id="link2">
<table>
<tr>
<td><a
href="">Mobile</a></td><td><a
href="">Find Friends</a></td>
<td><a
href="">Badges</a></td><td><a
href="">People</a></td>
<td><a
href="">Pages</a></td><td><a
href="">Places</a></td>
<td><a
href="">Apps</a></td><td><a
href="">Games</a></td>
<td><a
href="">Music</a></td>
</tr>
<tr>
<td><a
href="">About</a></td><td><a
href="">Create Ad</a></td>
<td><a
href="">Create Page</a></td><td><a
href="">Developers</a></td>
<td><a
href="">Careers</a></td><td><a
href="">Privacy</a></td>
<td><a
href="">Cookies</a></td><td><a
href="">Terms</a></td>
<td><a
href="">Help</a></td>
</tr>
</table>
</div>
<div id="copy">
Facebook 2014 • <a
href="">English (US)</a>
</div>
</div>
</body>
</html>
NAMA :
M.EDI SANTOSO
KELAS :TEKNIK
INFORMATIKA .5
Tidak ada komentar:
Posting Komentar