MATERI HTML
MATERI - PERTEMUAN KE 1 & 2 - ELEMANT DASAR HTML
<HTML>
<HEAD>
<TITLE>XIIPS3</TITLE>
</HEAD>
<BODY>
<H1>Selamat Belajar HTML<br><H1>
<H2>Selamat Belajar HTML<br><H2>
<H3>Selamat Belajar HTML<br><H3>
<H4>Selamat Belajar HTML<br><H4>
<H5>Selamat Belajar HTML<br><H5>
<H6>Selamat Belajar HTML<br><H6>
<H1 align="center">JANGAN LUPA SHOLAT<br><H1>
<H1 align="right">JANGAN LUPA SHOLAT<br><H1>
<H1 align="left">JANGAN LUPA SHOLAT<H1>
</BODY>
</HTML>
MATERI - PERTEMUAN KE 3 - MEMBUAT TABLE
<html>
<head>
<title>profilku</title>
<body background=c.jpg>
<font size=50 face=impact color=red><center><h1>BIODATAKU :</font></h1></center>
<img src="b.jpg" width="130" height="195"
border="1" align="right">
<table border=2 bgcolor=red align=center cellspacing=8 cellpadding=8 width=80%>
<tr>
<td bgcolor=yellow align=center colspan=2>CURICULUM VITAE</td>
</tr>
<tr>
<td width=200 bgcolor=white align=center>Data Pribadi</td>
<td width=200 bgcolor=white align=center>Uraian</td>
</tr>
<tr>
<td width=200 bgcolor=white align=center>Nama Lengkap</td>
<td width=200 bgcolor=white align=center>DEVIT WELLIAMSYAH</td>
</tr>
<tr>
<td width=200 bgcolor=white align=center>Tempat/Tanggal Lahir</td>
<td width=200 bgcolor=white align=center>SIDOARJO/2 April 1984</td>
</tr>
<tr>
<td width=200 bgcolor=white align=center>Alamat Lengkap</td>
<td width=200 bgcolor=white align=center>PERUM ORCHID B8-1 TULANGAN</td>
</tr>
<tr>
<td width=200 bgcolor=white align=center>No Telp</td>
<td width=200 bgcolor=white align=center>087851556106</td>
</tr>
<tr>
<td width=200 bgcolor=white align=center>Email</td>
<td width=200 bgcolor=white align=center>devit@smaliska.sch.id</td>
</tr>
</table>
</body>
</html>
MATERI - PERTEMUAN KE 4 - MEMBUAT FORM
<html>
<head>
<title>FORMULIR</title>
<body bgcolor="red">
<h1>PENDAFTARAN</H1>
<form class="form">
<p class="name">
<input type="text" name="name" id="name" />
<label for="name">Name</label>
</p>
<p class="email">
<input type="text" name="email" id="email" />
<label for="email">E-mail</label>
</p>
<p class="web">
<input type="text" name="web" id="web" />
<label for="web">Website</label>
</p>
<p class="text">
<textarea name="text"></textarea>
</p>
<p class="submit">
<input type="submit" value="Send" />
</p>
</form>
</body>
</html>
MATERI - PERTEMUAN KE 5 - MEMBUAT FORM REGISTER
<html>
<head>
<title>Registrasi</title>
</head>
<body>
<form action="contact.php" method="POST">
<fieldset>
<legend>Registrasi</legend>
<p>
<label>Nama:</label>
<input type="text" name="nama" placeholder="Nama lengkap..." />
</p>
<p>
<label>Username:</label>
<input type="text" name="username" placeholder="Username..." />
</p>
<p>
<label>Email:</label>
<input type="email" name="email" placeholder="Your email..." />
</p>
<p>
<label>Password:</label>
<input type="password" name="password" placeholder="Passowrd..." />
</p>
<p>
<label>Jenis kelamin:</label>
<label><input type="radio" name="jenis_kelamin" value="laki-laki" /> Laki-laki</label>
<label><input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuan</label>
</p>
<p>
<label>Agama:</label>
<select name="agama">
<option value="islam">Islam</option>
<option value="kristen">Kristen</option>
<option value="hindu">Hindu</option>
<option value="budha">Budha</option>
</select>
</p>
<p>
<label>Biografi:</label>
<textarea name="biografi"></textarea>
</p>
<p>
<input type="submit" name="submit" value="Daftar" />
</p>
</fieldset>
</form>
</body>
</html>
Komentar
Posting Komentar