Assalamualaikum.wr.wb. Postingan saya kali tentang cara membuar web sederhana menggunakan HTML.
Berikut step by step :
Siapkan (*) Notepad/Notetpad++/atau editor yang lain.
(*) Siapkan browser Mozilla,Google Chrome,dll
1. Masukan scrip berikut .
<html>
<head>
<title> WEB SMK CATUR GLOBAL </title>
<head>
<body>
<table border="5" width="1000px">
<tr>
<th> <img src="file:///D:/Danu%20Saputro/Photos/CG.jpg" width="110px" height="110px"> </th>
<th> <h1> SELAMAT DATANG DI SMK CATUR GLOBAL </br> </h1> </th>
<th> <img src="file:///D:/Danu%20Saputro/Photos/lambang%20kota%20Bekasi.jpg" width="110px" height="110px"> </th>
</table>
<table border="3" width="1000px">
<tr>
<td width="200px" align="center"> HOME </td>
<td width="200px" align="center"> KELOMPOK </td>
<td width="200px" align="center"> PICTURE </td>
<td width="200px" align="center"> DATA </td>
<td width="200px" align="center"> DOWNLOAD </td>
</tr>
</table>
<table border="2" width="100%">
<tr>
<td colspan="2" width="50%">
<center> SILAHKAN LOGIN </center>
</td>
<td colspan="2" width="100%">
<center><u> DAFTAR RIWAYAT HIDUP </u></center> <br>
Nama :                    <input type="text"name="nama" placeholder="Nama Anda"> <br>
Alamat :                  <input type="text"name="Alamat" placeholder="Alamat Anda"> <br>
Status :
                   <select name="Status">
<option value="">
<option value="pelajar">Pelajar
<option value="Pegawai">Pegawai
<option value="PNS">PNS
<option value="Karyawan">Karyawan
<option value="Buruh">Buruh
<option value="Wiraswasta">Wiraswasta
<option value="Wirausaha">Wirausaha
<option value="Isi sendiri">Isi Sendiri
</select>
<br>
<form>
Agama :
                  <select name="Agama">
<option value="">
<option value="Islam">Islam
<option value="Kristen">Kristen
<option value="Katholik">Katholik
<option value="Hindu">Hindu
<option value="Budha">Budha
</select>
<br>
<form>
Tanggal Kelahiran :
 <select name="Tanggal Kelahiran">
<option value="TANGGAL">Tanggal
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
<option value="6">6
<option value="7">7
<option value="8">8
<option value="9">9
<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15
<option value="16">16
<option value="17">17
<option value="18">18
<option value="19">19
<option value="20">20
<option value="21">21
<option value="22">22
<option value="23">23
<option value="24">24
<option value="25">25
<option value="26">26
<option value="27">27
<option value="28">28
<option value="29">29
<option value="30">30
<option value="31">31
</select>
<select>
<option value="BULAN">Bulan
<option value="Januari">Januari
<option value="Februari">Februari
<option value="Maret">Maret
<option value="April">April
<option value="Mei">Mei
<option value="Juni">Juni
<option value="Juli">Juli
<option value="Agustus">Agustus
<option value="September">September
<option value="Oktober">Oktober
<option value="November">November
<option value="Desember">Desember
</select>
<select>
<option value="">Tahun
<option value="">1950
<option value="">1951
<option value="">1952
<option value="">1953
<option value="">1954
<option value="">1955
<option value="">1956
<option value="">1957
<option value="">1958
<option value="">1959
<option value="">1960
<option value="">1961
<option value="">1962
<option value="">1963
<option value="">1964
<option value="">1965
<option value="">1966
<option value="">1967
<option value="">1968
<option value="">1969
<option value="">1970
<option value="">1971
<option value="">1972
<option value="">1973
<option value="">1974
<option value="">1975
<option value="">1976
<option value="">1977
<option value="">1978
<option value="">1979
<option value="">1980
<option value="">1981
<option value="">1982
<option value="">1983
<option value="">1984
<option value="">1985
<option value="">1986
<option value="">1987
<option value="">1988
<option value="">1989
<option value="">1990
<option value="">1991
<option value="">1992
<option value="">1993
<option value="">1994
<option value="">1995
<option value="">1996
<option value="">1997
<option value="">1998
<option value="">1999
<option value="">2000
<option value="">2001
<option value="">2002
<option value="">2003
<option value="">2004
<option value="">2005
<option value="">2006
<option value="">2007
<option value="">2008
<option value="">2009
<option value="">2010
<option value="">2011
<option value="">2012
<option value="">2013
<option value="">2014
</select>
<center>(TTD) </center>
</td>
</tr>
<tr>
<td>
Nama :
</td>
<td>
<input type="text"name="nama">
</td>
</tr>
<tr>
<td>
Password:
</td>
<td>
<input type="password"name="password">
</td>
</tr>
<tr>
<td>
Kelas :
</td>
<td>
<select name="kelas">
<option value="">
<option value="X TKJ">X TKJ
<option value="X TKR">X TKR
<option value="X AK">X AK
<option value="XI TKJ">XI TKJ
<option value="XI TKR">XI TKR
<option value="XI AK">XI AK
<option value="XII TKJ">XII TKJ
<option value="XII TKR">XII TKR
<option value="XII AK">XII AK
</select>
</td>
</tr>
</table>
</body>
</html>
2. Kemudian save dengan simpan.html contoh (contoh.html)
Jadi Seperti ini
Selesai selamat mencoba :) semoga sukses :) !!
Terima Kasih :) !!
0 Response to "Konfigurasi Web Sederhana Menggunakan HTML"
Post a Comment