Beberapa contoh script dalam HTML,, ini saya posting karena saya pernah ada tugas mata kuliah Web 1,,dan apabila anda juga mendapat tugas seperti ini silahkan di copas dan tinggal ganti save as type html.....
dan jalankan di internet explorer atau mozila firefox..........
Contoh 1 :
<html>
<head>
<body>
<u> Saya Bergaris Bawah</u>
<br>
<strong> Saya Bercetak Tebal</strong>
<br>
<i> Saya BerCetak Miring </i>
<br>
<s> Wah Saya Di Coret </s>
<br>
Merah : <span style="color: red;">Saya Berwarna Merah</span>
<br>
Hitam : <span style="color: black;">Saya Berwarna Hitam</span>
<br>
Hijau : <span style="color: green;">Saya Berwarna Hijau</span>
<br>
Biru : <span style="color: blue;">Saya Berwarna Biru</span>
<br>
Kuning : <span style="color: blue;">Saya Berwarna Kuning</span>
<br>
<MARQUEE align="center" direction="right">Hai Saya Dari Kiri Ke Kanan loh</MARQUEE>
<MARQUEE align="center" direction="left" height="45">Hai Saya dari Kanan ke Kiri </MARQUEE>
<MARQUEE align="center" direction="down" height="45">Hai Saya dari Atas ke Bawah</MARQUEE>
<a href="http://triandriyanto.wordpress.com">Klik disini untuk belajar Html lengkap</a>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
Saya Kuliah Di Akademi Teknik Piri
</marquee>
<table border="1">
<caption><strong>DATA MAHASISWA</strong>
</caption>
<tr>
<th>Nama Mahasiswa</th>
<th>Mata Kuliah</th>
</tr>
<tr>
<td>Rudi Hartanto</td>
<td>Basis Data 1</td>
</tr>
<tr>
<td>Rubimin</td>
<td>Pemrograman Web 1</td>
</tr>
<tr>
<td>Dalijo</td>
<td>Bahasa Inggris</td>
</tr>
</table>
</head>
</body>
</html>
Contoh 2 :
<html>
<head>
<body>
<u> Saya Bergaris Bawah</u>
<br>
<strong> Saya Bercetak Tebal</strong>
<br>
<i> Saya BerCetak Miring </i>
<br>
<blink>teks ini berkedip</blink>
<br>
<s> Wah Saya Di Coret </s>
<br>
Merah : <span style="color: red;">Saya Berwarna Merah</span>
<br>
Hitam : <span style="color: black;">Saya Berwarna Hitam</span>
<br>
Hijau : <span style="color: green;">Saya Berwarna Hijau</span>
<br>
Biru : <span style="color: blue;">Saya Berwarna Biru</span>
<br>
Kuning : <span style="color: blue;">Saya Berwarna Kuning</span>
<br>
<MARQUEE align="center" direction="right">Hai Saya Dari Kiri Ke Kanan loh</MARQUEE>
<MARQUEE align="center" direction="left" height="45">Hai Saya dari Kanan ke Kiri </MARQUEE>
<MARQUEE align="center" direction="down" height="45">Hai Saya dari Atas ke Bawah</MARQUEE>
<a href="http://triandriyanto.wordpress.com">Klik disini untuk belajar Html lengkap</a>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
Saya Kuliah Di Akademi Teknik Piri
</marquee>
<table border="1">
<caption><strong>DATA MAHASISWA</strong>
</caption>
<tr>
<th>Nama Mahasiswa</th>
<th>Mata Kuliah</th>
<th>Jenis Kelamin</th>
</tr>
<tr>
<td>Rudi Hartanto</td>
<td>Basis Data 1</td>
<td>Laki-Laki</td>
</tr>
<tr>
<td>Rubimin</td>
<td>Pemrograman Web 1</td>
<td>Laki-Laki</td>
</tr>
<tr>
<td>Gadis</td>
<td>Bahasa Inggris</td>
<td>Perempuan</td>
</tr>
<br>
<table border="1">
<caption><strong>Data Mahasiswa Komplit</strong></caption>
<colgroup>
<col span="2" style="background-color:#CBE5EB">
<col style="background-color:#EDF7BA">
<col style="background-color:#84A5E7">
<col style="background-color:#B2BBBD">
<col style="background-color:#D4BACB">
<col style="background-color:#8DB0A4">
</colgroup>
<tr>
<th>No</th>
<th>Nama Mahasiswa</th>
<th>Jenis Kelamin</th>
<th>Alamat</th>
<th>No.Telepon</th>
<th>Mata Kuliah</th>
<th>NIM</th>
</tr>
<tr>
<td>1</td>
<td>Dia Eka Permana</td>
<td>Laki-Laki</td>
<td>Jogja</td>
<td>081229667123</td>
<td>Agama</td>
<td>INF/123/3/2013</td>
</tr>
<tr>
<td>2</td>
<td>Rimbar Pristasanti</td>
<td>Perempuan</td>
<td>Bantul</td>
<td>087955664662</td>
<td>Sistem Operasi</td>
<td>INF/123/3/2013</td>
</tr>
<tr>
<td>3</td>
<td>Muhammad Pramono</td>
<td>Laki-Laki</td>
<td>Surabaya</td>
<td>081808011111</td>
<td>Jaringan Komputer</td>
<td>INF/231/4/2013</td>
</tr>
</table>
<br>
<form>
<p>Dosen yang anda sukai di Akademi Teknik Piri:</p>
<input type="checkbox" name="merk[]" Values="0"/>Arman Maulana
<br/>
<input type="checkbox" name="merk[]" Values="1"/>Very Setiawan
<br/>
<input type="checkbox" name="merk[]" Values="2"/>Fauzan Mutaqin
<br/>
<input type="checkbox" name="merk[]" Values="3"/>Jullia Kurniasih
<br/>
<input type="checkbox" name="merk[]" Values="4"/>Agung Jati
<br/>
<input type="checkbox" name="merk[]" Values="5"/>Bambang Robbi'un
<p><input type="submit"/></p>
</form>
<br>
<title>Radio Button</title>
<body bgcolor=white>
<form>
Makanan yang anda sukai :<br>
<select name="select">
<option value="pizza">Pizza</option>
<option value="bakso">Bakso</option>
<option value="spageti">Spageti</option>
<option value="Nasi Goreng">Nasi Goreng</option>
<option value="Mie Ayam">Mie Ayam</option>
<option value="Soto">Soto</option>
</select>
</form>
<br>
<div style="overflow:auto;width:240px;height:30px;padding:10px;border:2px solid #eee">Akademi teknik PIRI mempunyai tiga jurusan yaitu, Jurusan Teknik Informatika, Teknik Sipil dan Teknik Mesin, Jumlah mahasiswa saat ini
adalah 300 mahasiswa yang terbagi menjadi 3 jurusan, yang paling banyak mahasiswanya adalah jurusan teknik Informatika.
</div>
<br>
<script> var tod=new Date(); var weekday=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu"); var monthname=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"); var y = tod.getFullYear(); var m = tod.getMonth(); var d = tod.getDate(); var dow = tod.getDay(); var dispTime = " " + weekday[dow] + ", " + d + " " + monthname[m] + " " + y + " "; if (dow==0) dispTime= "<font color=red>" + dispTime + "</font>"; else if (dow==5) dispTime= "<font color=green>" + dispTime + "</font>"; else dispTime= "<font color=black>" + dispTime + "</font>"; document.write(dispTime); </script>
<br>
<script type="text/javascript">
<!--
var d = new Date();
var curr_hour = d.getHours();
var curr_min = d.getMinutes();
document.write(curr_hour + " : " + curr_min);
//-->
</script>
<br>
<button type="button">
<p><strong>Masuk di Halaman Web Saya</strong></p>
<a href="http://www.abhisekatrainingcenter.blogspot.com">HTML input element</a>.</p>
</button>
</head>
</body>
</html>
0 comments:
Post a Comment