Rabu, 18 Februari 2009
Soal WEB
1. Tag HTML untuk membuat link adalah:
A. < a href=”URL/nama file”>
B. < link=”URL/nama file”>
C. < a link=”URL/nama file”>
D. < href=”URL/nama file”>
2. HTML singkatan dari:
A. High Text Multi Language
B. Hyper Text Markup Language
C. Hyper Text Multi Languange
D. High Text Markup Language
3. CSS singkatan dari:
A. Cascading Sensitive Sheet
B. Cascading Style Sheet
C. Case Sensitive Sheet
D. Case Style Sheet
4. Properti yang berguna untuk mengatur warna bingkai tabel adalah:
A. border-style
B. color-border
C. border-color
D. table-color
5. Suatu bentuk hubungan interaktif dimana client dapat mengirimkan masukan ke server, dan server mengolah masukan tersebut kemudian dikembalikan kepada client, adalah konsep dari
A. CGI
B. Internet
C. HTML
D. Javascript
6. Perl adalah singkatan dari:
A. Practical Extraction and Reporting Language
B. Practical Emulation and Reporting Language
C. Principal Extraction and Reporting Language
D. Principal Emulation and Reporting Language
7. Tag HTML yang menandakan kita menggunakan Javascript adalah
A. < script language=”javascript”>
B. < javascript>
C. < script=”javascript”>
D. < language=”javascript”>
8. Apa guna function dalam Javascript
A. memanggil script Java
B. menentukan jenis bahasa yang dipakai
C. elemen yang harus ada pada Javascript
D. menyatukan beberapa perintah
9. Tag yang digunakan untuk ganti baris
A. < a>
B. < b>
C. < p>
D. < br>
10. Tag HTML untuk menjalankan program Javascript yang disimpan dalam bentuk file adalah
A. < script language=”file.js”>
B. < script=”file.js”>
C. < script src=”file.js”>
D. < script> “file.js”
11. Tag yang digunakan untuk membuat paragraf adalah
A. < p>
B. < b>
C. < pr>
D. < br>
12. Pasangan tag digunakan untuk
A. Membuat link
B. Membuat paragraf
C. Mendefinisikan style sheet
D. Memberi komentar dalam HTML
13. Bahasa pemrograman yang ditempatkan/ditempelkan pada HTML dan akan diproses oleh web client adalah
A. Javascript
B. ASP
C. PHP
D. ASP .Net
14. Tag HTML untuk menampilkan gambar adalah
A. < src img=”file.jpg”>
B. < scr img=”file.jpg”>
C. < img scr=”file.jpg”>
D. < img src=”file.jpg”>
15. Untuk membuat judul tabel digunakan tag
A. < table>
B. < td>
C. < th>
D. < tr>
He Teman Buat Buku Tamu Yuk??
Pertama siapkan dulu Programs-programs kayak di bawah ini :
TOOL : WEB SERVER (WAMP/ XAMP)
Download Link :
http://www.apachefriends.org/download.php?xampp-win32-1.7.0-installer.exe
, NOTEPAD atau Macromedia Dreamweaver
Download link :
http://www.soft32.com/download/63-59360/Dreamweaver8-en.exe
, BROWSER
Persiapan :
1.PAstikan web server sudah terpasang dengan cara di panggil dari browser http://localhost
2.Buat di PHP my admi data base baru
Create database : latihan
Crate table : bukutamu field 3
Nama fieldnya :
NAMA VARCHAR 30
PESAN TEXT
TANGGAL DATE
BUAAT PROGRAM PHP :
Buat 3 buah file PHP yakni :
1.bukutamu.php
2.isi.php
3.lihat.php
File bukutamu.php
<html>
<head>
<title>Halaman Buku tamu</title>
</head>
<body>
Buku tamu - <a href="lihat.php">lihat isi buku tamu</a><br />
<br />
<hr>
Isilah buku tamu kami<br />
<br />
<br />
<form id="form1? name="form1? method="post" action="isi.php">
nama
<input type="text" name="nama" id="nama" />
<br />
<br />
pesan
<textarea name="pesan" id="pesan" cols="45? rows="5?></textarea>
<br />
<br />
<hr>
<input type="submit" name="Submit" id="Submit" value="Submit" />
</form>
</body>
</html>
file isi.php
<html>
<head>
<title>Input Data dari Form ke MySQL</title>
</head>
<body>
<?php
$nama = $_POST['nama'];
$pesan = $_POST['pesan'];
$conn = mysql_connect("localhost","root","");
if (!$conn) {
echo "Could not connect to db";
exit(1);
}
$db = mysql_select_db("latihan",$conn);
$sqlText = "insert into bukutamu(nama, pesan,tanggal)
values('$nama','$pesan',NOW(''))";
mysql_query($sqlText);
?>
Buku tamu - <a href=lihat.php>lihat isi buku tamu</a><br />
</body>
</html>
file lihat.php
<html>
<head>
<title>Daftar Data yang ada di MySQL</title>
</head>
<body bgcolor="#000000">
<a href=bukutamu.php>Isi Buku Tamu</a><br />
<font color="#FFFFFF" size="3">Isi buku tamu<br />
<br />
<?php
$conn = mysql_connect("localhost","root","");
if (!$conn) {
echo "Could not connect to db";
exit(1);
}
$db = mysql_select_db("latihan",$conn);
$sqlText = "select * from bukutamu";
$result = mysql_query($sqlText);
while($row=mysql_fetch_object($result))
{
?>
<strong>Nama</strong>: <?php echo $row->nama;?><br />
<strong>Pesan</strong>: <?php echo $row->pesan;?><br />
<br />
<?php } ?>
<marquee>
---
</marquee>
</font> <font color="#FFFFFF">
<marquee>
</marquee>
</font>
<marquee>
<font color="#FF0000" size="3">AYO KAMU BISA BIKIN PROGRAM PAKE PHP
running text</font>----
</marquee>
</body>
</html>
Jangan lupa copykan 3 buah file PHP yakni :
1.bukutamu.php
2.isi.php
3.lihat.php
Ke Folder c:\xampp\htdocs
Untuk mencoba ketikkan di browser :
http://localhost/bukutamu.php
Selesai deh.....Semoga Berhasil ya Pren!!
Rabu, 04 Februari 2009
Font di HTML yuuuk..
Ketik script HTML seperti dibawah...
<input type="button"value="It's secret you know........."onclick="alert('Koq bandel bgt
eeeaaaa......')">
<input
type="button"value="jingga"onmouseover="document.bgColor='orange'"onmouseout="doc
ument.bgColor='blue'">
nanti muncull seperti ini :
Selamt mencoba..
Let'z Belajar Font..:)
Askum Sobat>>>
Kita ketemu Lgi dengan Uwi'
Cekarang qt mau learning soal Font Lho..
Ikuti aja Yack>>>
Ketik Script Berikut Yo...
<font size="6"_font color=orange>A'aoo.....Dozo zoroshiku....Wie Ist Dein Name??</font><br>
<br>
<hr>
Baris pertama<br>
<font size="4"_font color=Purple>Baris Ke Dua</font><br>
<hr><br>
<font size="1"_font color=Red>Ukuran Satu</font><br>
<font size="2"_font color=orange>Ukuran Dua</font><br>
<font size="3"_font color=Yellow>Ukuran Tiga</font><br>
<font size="4"_font color=Green>Ukuran Empat</font><br>
<font size="5"_font color=Blue>Ukuran Lima</font><br>
<font size="6"_font color=pink>Ukuran Enam</font><br>
<font size="7"_font color=Purple>Ukuran Tujuh</font><br><hr>
<br>
<font color=blue>Berwarna Biru</font><br>
<font color=orange>Berwarna Orange</font><br>
<font color=green>Berwarna Ijo</font><br>
<font color=Red>Berwarna Merah</font><br>
<font color=#ff0000>Merah Juga</font><br>
<hr>
<Table Border="1">
<tr>
<td>1.Isi pertama</td>
<td>2.Isi kedua</td>
</tr>
<tr>
<td>3.Isi ketiga</td>
<td>4.Isi keempat</td>
</tr>
</table>
<br>
hasilnya....
A'aoo.....Dozo zoroshiku....Wie Ist Dein Name??
Baris pertama
Baris Ke Dua
Ukuran Satu
Ukuran Dua
Ukuran Tiga
Ukuran Empat
Ukuran Lima
Ukuran Enam
Ukuran Tujuh
Berwarna Biru
Berwarna Orange
Berwarna Ijo
Berwarna Merah
Merah Juga
1.Isi pertama | 2.Isi kedua |
3.Isi ketiga | 4.Isi keempat |
A'ao....