Jumat, 01 Mei 2015

Contoh Script HTML beserta gambar

1. MEMBUAT LIST

<html>
<head>
  <title>AWAS BEGAL BLOG</title>
</head>
<body>
  <h1>DAFTAR ANGGOTA AWAS BEGAL BLOG</h1>
  <ul>
    <li>Alvie Febriyanto Ramadhan</li>
    <li>Fathurrahman Baidhowi</li>
    <li>Muhammad Faisal</li>
    <li>Muhammad Lukman Hakim Prima</li>
    <li>Muhammad Lutfhi Marend</li>
  </ul>
</body>
</html>



HASIL :




2. TABEL

<HTML>
<BODY>
<H4>DATA KELOMPOK PKTI 2C</H4>
<TABLE BORDER=1>
<TR>
<TH>Nama</TH>
<TH>Npm</TH>
<TH>Kota Asal</TH>
<TH>Jenis Kelamin</TH>
</TR>
<TR>
<TD>Alvie Febriyanto Ramadhan</TD>
<TD>10214904</TD>
<TD>Bogor</TD>
<TD>PRIA</TD>
</TR>
<TR>
<TD>Muhammad faisal</TD>
<TD>17878721</TD>
<TD>Jakarta</TD>
<TD>Pria</TD>
</TR>
<TR>
<TD>Fathurrahman Baidhowi</TD>
<TD>14214056</TD>
<TD>Jakarta</TD>
<TD>Pria</TD>
</TR>
<TR>
<TD>Muhammad lukman hakim prima</TD>
<TD>17214398</TD>
<TD>Bekasi</TD>
</TR>
<TR>
<TD>Muhammad Luthfi Marend</TD>
<TD>17872138</TD>
<TD>Bekasi</TD>
<TD>Pria</TD>
<TR>
</TABLE>
</BODY>
</HTML>

HASIL :




















3. FORM

<html>



<body>
<h4>Isi Keterangan Dibawah Ini :</h4>




<form>
Nama :<input type="text" name="Nama" size="20"/>
<br/>

Kelompok :<input type="password" name="Kelompok" size="20"/>
<br/>

NPM :<input type="text" name="NPM" value="" size="20"/>
<br/>

<input type = "radio" name = "sex" value = "male"/>Laki-laki<br/>
<input type = "radio" name = "sex" value = "female"/>Perempuan
<br/>

Alamat :<input type="text" name="Alamat" size="20"/>
<br/>

IPK :<input type="text" name="IPK" size="20"/>
<br/>
</form>
</body>
</html>
HASIL :



4. MEMBUAT TABEL, LIST DAN FORM DALAM SATU FRAME

<HTML>
<FRAMESET COLS="25%,50%,25%">
<FRAME SRC="form.html">
<FRAME SRC="tabel.html">
<FRAME SRC="List.html">
</FRAMESET>
</HTML>

HASIL :