Scribd
Unggah
601 tayangan51 halaman

Kisi Kisi HTML

Dokumen ini berisi soal-soal persiapan ulangan mata pelajaran perangkat lunak Flash 8 untuk siswa kelas X beserta pembahasannya. Soal-soal terdiri dari pilihan ganda dan essay yang membahas tag-tag HTML.

Diunggah oleh

AngelinaJohnson
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
601 tayangan51 halaman

Kisi Kisi HTML

Dokumen ini berisi soal-soal persiapan ulangan mata pelajaran perangkat lunak Flash 8 untuk siswa kelas X beserta pembahasannya. Soal-soal terdiri dari pilihan ganda dan essay yang membahas tag-tag HTML.

Diunggah oleh

AngelinaJohnson
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 51

Soal-soal Persiapan Ulangan Blok Kelas X

Materi: Perangkat lunak Flash 8


Dibuat oleh: siswa kelas XI IPA-3
SMA Kolese De Britto Yogyakarta
http://istiyanto.com
Menu Soal TIK (Pdf File)
Email: [email protected]



Argeta
( XI A3 / 05

Soal dan Pembahasan
A. PILIHAN GANDA
1. #**# merupakan karakter yang terdapat pada type data
a. text
b. password
c. radio
d. submit
e. file
2. Perintah untuk mengosongkan kolom pada HTML adalah
a. tr
b. br
c. td
d. &nbsp
e. &nsp
3. Perintah untuk mengganti baris pada HTML adalah
a. br
b. tr
c. p
d. td
e. insert


B. ESSAY
1. Buatlah perintah HTML untuk membuat list item seperti dibawah ini














Welcome to my site!!!
Di website ini Anda akan
mendapatkan informasi mengenai :
1. Profil pribadiku
2. Sekolahku
3. Informasi hobiku
a. Browsing internet
b. Nonton
c. Jalan-jalan
4. Album fotoku
Jangan lupa untuk selalu mengunjungi website ini!!!
Salam!!!








PEMBAHASAN :
A. Pilihan Ganda

1. B
2. D
3. A


B. Essay
1. <html>
<head>
<title>Soal</title>
</head>
<body>

Welcome to my site!!!
<br>
Di website ini Anda akan
<br>
mendapatkan informasi mengenai :

<ol type="1">
<li>Profil pribadiku</li>
<li>Sekolahku</li>
<li>Informasi hobiku</li>
<ol type="a">
<li>Browsing internet</li>
<li>Nonton</li>
<li>Jalan-jalan</li>
</ol>
<li>Album fotoku</li>
</ol>

Jangan lupa untuk selalu mengunjungi website ini!!!
<br>
Salam!!!

</body>
</html>


Dimas Januar Putra
XI-A3/8
Soal:
1. Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah
A. Checkbox Jawaban: D
B. Submit
C. File
D. Text
E. Button

2. Atribut NAME digunakan sebagai
A. Menamai kotak Jawaban: A
B. Menandai teks
C. Menentukan panjang maksimum teks
D. Mengatur ukuran
E. Memasukan teks
3. Untuk menerima masukan berupa pilihan ialah
A. Submit Jawaban: C
B. Reset
C. Radio
D. Password
E. Text

Essai:
1. Sebut dan jelaskan fungsi Atribut-atribut!
Jawab:
1) Atribut Name: Untuk menamai kotak teks
2) Atribut Value: Untuk menandai atau menampung teks yang diisikan oleh
pengguna
3) Atribut Maxlength: Untuk menentukan panjang maksimum
4) Atribut Size: Untuk mengatur ukuran dari kotak teks

Efrem Justitia Suksma
XI-A3/11


Pilihan Ganda:
1. Perintah atau type masukkan untuk menampilkan berupa pilihan adalah:
(jawaban B)
A. Radio
B. Checkbox
C. Submit
D. Resume
E. Password
2. Perintah masukkan yang benar agar menampilkan tampilan seperti dibawah ini:
ini tombol input dengan type=submit: Kirimkan
adalah: (jawaban A)
A. <br> ini tombol input dengan type=submit:
<input type=submit value=kirimkan>
B. <br> ini tombol input dengan type=reset
<input type=submit value=kirimkan>
C. <br> ini tombol input dengan type=reset
<input type=reset value=kirimkan>
D. <br> ini tombol input dengan type=submit
<input type=reset value=kirimkan>
E. <br> ini tombol input dengan type=reset
<input type=submit value=Ulangi>

Untuk memasukkan perinttah masukkan berupa gambar yang dapat diklik dan
fungsinya hamper sama dengan Submit adalah: (jawaban C)
A. Hidden
B. File
C. Image
D. Reset
E. Submit

Essay
1. Buatlah perintah List item yang menampilkan tampilan seperti dibawah ini:
Kegiatanku
I. Senin
a. Main Bola
b. Main Game
II. Selasa
a. Belajar
b. Les Privat
Jawab:
<html>
<head>
<title>ordered List</title>
</head>
<body>
<P> Kegiatanku</P>
<ol start=1 type=I>
<li>Senin</li>
<ol type=a>
<li>Main Bola</li>
<li> Main Game</li>
</ol>
<li>Selasa</li>
<ol type=a>
<li>Belajar</li>
<li>Les Privat</li>
</ol>
</body>
</html>

1. Tag <Input> yang atribut TYPE-nya dapat digunakan untuk menerima masukan
berupa pilihan yaitu :
a. Radio
b. Circle
c. Password
d. Square
e. Submit
Jawaban : a
2. Atribute ACTION digunakan untuk
a. Menentukan nama form
b. Menetukan metode pengiriman yang dipakai
c. Menentukan alamat halaman web yang akan memproses masukan dari
Form.
d. Menerima masukan berupa pilihan
e. Menandai atau mengatur nilai dari sebuah radio
Jawaban : c
3. Untuk menerima masukan berupa pilihan. Pilihan yang dapat dipilih bias lebih
dari satu yaitu
a. Text
b. Password
c. Checkbox
d. Radio
e. Submit
Jawaban : c

ESSAY
Buatlah sebuah perintah List Item yang menampilkan sebuah tampilan seperti di bawah
ini!


Schedule for Monday until Wednesday
I Monday
a. Ulangan Matematika
b. Latihan Basket
II. Tuesday
a. Ulangan Biologi
b. Pacaran
III Wednesday
a. Tugas TIK
b. Ulangan Fisika

Jawaban:

<html>
<head>
<title>Ordered List</title>
</head.
<body>
<P>Schedule for Monday until Wednesday</P>
<ol start=1 type=I>.
<li>Monday</li>
<ol type=a>
<li>Ulangan Matematika</li>
<li>Latihan Basket</li>
</ol>
<li>Tuesday
<ol type=a>
<li>Ulangan Biologi</li>
<li>Pacaran</li>
</ol>
<li>Wednesday</li>
<ol type=a>
<li>Tugas TIK</li>
<li>Ulangan Fisika</li>
</ol>
</body>
</html>

Pamungkas Setyo W.
XI-A3
22

SOAL

Pilihan Ganda

1. Sebutkan perintah untuk melakukan break pada pembuatan situs HTML!
a. HR
b. LI
c. BR
d. UL
e. OL


2. Perintah manakah yang dapat menggabungkan beberapa kolom menjadi satu?
a. BR
b. Colspan
c. Rowspan
d. Textarea
e. Tidak ada jawaban yang benar


3. Perintah manakah yang membuat Bullets dalam pembuatan situs?
a. OL
b. UL
c. BR
d. HR
e. Semua jawaban Benar

Essay

1. Buatlah perintah HTMLnya agar dapat mirip seperti table di bawah ini

DATA SISWA
Nama Lengkap

Nama Panggilan

Agama
Islam
?
Jenis Kelamin
Laki-Laki
?
Alamat
Jangan lupa
masukkan
alamat
anda
di kotak ini!!!



Hobby
Membaca Menulis Menyanyi
Makanan favorit
Soto Bakso Nasi goreng
Sumbit

Reset




SOAL PILIHAN GANDA
1. C
2. B
3. B


SOAL ESSAY


1. <html>
<head>
<title> Data Siswa</title>
</head>
<body>
<Form>
<Table border="2">

<tr>
<td colspan="2"><p align="center"><B>DATA SISWA</B></td>
</tr>

<tr>
<td>Nama Lengkap</td>
<td><input type="text" name="teksatu"></td>
</tr>

<tr>
<td>Nama Panggilan</td>
<td><input type="text" name="teksdua"></td>
</tr>

<tr>
<td>Agama</td>
<td><Select Name="s1">
<Option value="Islam">Islam</option>
<Option value="katholik">katholik</option>
<Option value="kristen">kristen</option>
<Option value="Hindu">hindu</option>
<Option value="Buddha">Buddha</option>
</select>?</td>
</tr>
<tr><td>Jenis Kelamin</td>
<td><Select Name="s1">
<Option value="Laki-Laki">Laki-Laki</option>
<Option value="Perempuan">Perempuan</option>
</select>?</td>
<tr><td>Alamat</td>
<td><textarea name="alamat" rows=10 cols=15>
Jangan lupa masukkan alamat anda di kotak ini!!!</textarea>
</tr>
<tr>
<td colspan="2"><p align="center">&reg&reg&reg</td>
</tr>
<tr>
<td colspan="2"><p align="center">&copy&copy&copy</td>
</tr>
<tr>
<td>Hobby</td>
<td> <input type="radio" name"e1" value="Membaca">
Membaca
<input type="radio" name"r1" value="Menulis">
Menulis
<input type="radio" name"r1" value="Menyanyi">
Menyanyi
</tr>
<tr>
<td>Makanan favorit</td>
<td><input type="checkbox" name"jk" value="soto">
Soto
<input type="Checkbox" name"jk" value="bakso">
Bakso
<input type="Checkbox" name"jk" value="Nasi goreng">
Nasi goreng
</tr>
<tr>
<td><input type="Submit" value="Sumbit"></td>
<td><input type="Reset" value="Reset"></td>
</tr>
</Form>
</body>
</table>
</html>


Purwoko Agung Ujianto


1. Perintah untuk membuat kolom menjadi seperti di bawah ini adalah





A. <tr>
B. <td>
C. <make merge>
D. <colspan>
E. <rowspan>

2. Kepanjangan HTML adalah
A. Hyper Text Manual Language
B. Hypno Terminal Maximal List
C. Hyper Text Mark-up Language
D. Horizon Terminal Mark-up List
E. Hyper Text Mark-up List

3. Perintah untuk membuat spasi pada HTML adalah
A. EN
B. BR
C. SP
D. LN
E. SC


Essai

Buatlah perintahnya HTML untuk membuat tampilan seperti ini

Welcome to My Site
"Plan Your Work and Work Your Plan"
Home
About Us
News
Faqs
Register
Links
Forum
Welcome to my site!!!
Di website ini anda akan mendapatkan
informasi mengenai;
1. Profil Pribadiku
2. Resensi Buku
3. Informasi Hobiku
Archeives:
1. Januari
2. Februari
3. Maret
o Ketika itu
o Surat pada


Site Map
Guest
Book
A. Browsing Internet
B. Membaca Komik
C. Jalan-jalan
4. Foto Kenanganku
Jangan lupa untuk selalu
mengunjungi website ini
Salam
sahabat
o Sepenggal
cerita
o Akirnya
posting juga
4. April
5. Mei

News_1
News_2
Flash item 1
Flash item 2



Jawaban Multiple Choice

1. D
2. C
3. B

Jawaban Essai

<html>
<head>
<title> Work planing</title>
</head>
<body>
<Table border="2">

<tr>
<td colspan="3"><p align="center"><B>Welcome to My Site<br>"Plan Your Work and
Work Your Plan"</td></B>
</tr>
<tr>
<td> <Ul>
<li>Home</li>
<li>About Us</li>
<li>News</li>
<li>Faqs</li>
<li>Register</li>
<li>Links</li>
<li>Forum</li>
<li>Site Map</li>
<li>Guest Book</li>
</ul>
</td>
<td> Welcome to my site!!!<br>Di website ini anda akan mendapatkan informasi
mengenai;<br>
<ol type="1">
<li>Profil Pribadiku</li>
<li>Resensi Buku</li>
<li>Informasi Hobiku</li>
<ol Type="A">
<li>Browsing Internet</li>
<li>Membaca Komik</li>
<li>Jalan-jalan</li>
</ol>
<li>Foto Kenanganku</li>
</ol>
Jangan lupa untuk selalu<br>mengunjungi website ini
<br>Salam</td>
<td>Archeives:

<ol type="1">
<li>Januari</li>
<li>Februari</li>
<li>Maret</li>
<Ul>
<li>Ketika itu</li>
<li>Surat pada sahabat</li>
<li>Sepenggal cerita</li>
<li>Akirnya posting juga</li>
</ul>
<li>April</li>
<li>Mei</li>
</ol>
</tr>
<tr>
<td>&nbsp</td>
<td><Ul>
<li>News_1</li>
<li>News_2</li></td>
<td><Ul>
<li>Flash item 1</li>
<li>Flash item 2</li></td>
</tr>
</body>
</table>
</html>

Soal-soal
Pilihan Ganda
1. Tag <SELECT> digunakan untuk (jawaban D)
a. memilih beberapa opsi
b. menentukan ukuran
c. menandai beberapa opsi
d. menampilkan opsi pilihan
e. membatalkan opsi
2. Salah satu atribut dari Tag <TEXTAREA> adalah (Jawaban A)
a. NAME
b. VALUE
c. SELECTED
d. SIZE
e. ACTION
3. Atribut yang digunakan untuk menentukan metode pengiriman yang dipakai
adalah (Jawaban C)
a. POST
b. SIZE
c. METHOD
d. MAXLENGTH
e. VALUES
ESSAI
1. Sebutkan dan jelaskan jenis input atau masukkan yang dapat digunakan dalam Form!
Jawaban :
a. Text = masukkan berupa text dari pengguna
b. Password = mirip text, tapi berupa password. Text akan disamarkan seperti (***)
c. Checkbox = menerima masukkan berupa pilihan dan dapat dipilih lebih dari satu
d. Radio = menerima masukkan berupa pilihan tapi hanya dapat dipilih sekali dan satu
waktu
e. Submit = tombol untuk menerima seluruh masukkan dari pengguna. Setelah selesai
memasukkan data-data kemudian mengklik tombol ini dan data dapat diproses
f. Reset = tombol untuk membatalkan seluruh masukkan yang sudah dimasukkan oleh
pengguna
g. File = menerima masukkan berupa file
h. Hidden = masukkan yang tidak langsung dari pengguna tetapi dari kode-kode
program HTML yang sudah ada
i. Image = masukkan berupa gambar dan dapat diklik
j. Buttion = membuat tombol yang dapat digunakan (diklik) oleh pengguna
Nama : Sebastian Denis Permana S. A
Kelas : XI-A3
No : 26

Soal pilihan ganda

1. pada HTML untuk mengganti baris menggunakan perintah
a. <tr>
b. </ul>
c. <br>
d. </tr>
e. <enter> jawaban: c

2. untuk mengulangi pengisian pada form menggunakan perintah:
a. <input type=reset value=reset>
b. <input type=submit value=reset>
c. <input type=checkbox value=reset>
d. <ol type=circle value=reset>
e. <input type=repeat value=ulangi> jawaban: a

3. untuk memanjangkan kolom menjadi 2, menggunakan perintah:
a. <table border=2>
b. <column=2>
c. <rowspan=2>
d. <colspan=2>
e. <table=2> jawaban: d
essai :

buatlah perintah form hingga menghasilkan gambar seperti dibawah ini

DATA SISWA
nama lengkap :

nama panggilan :

agama :
katolik
?
jenis kelamin :
laki-laki
?
alamat :
jangan lupa
masukkan
alamat and
di sini!!!



Hobby
membaca menulis menyanyi
makanan favorit
soto bakso nasi goreng
submit

reset




Jawaban :

<html>
<head>
<title> Latihan memproses masukan </title>
</head>
<body>
<table border="2">
<form name ="dat" action="lat 35.html" method="post">
<tr>
<td colspan="2" align="center" font size="20"><b> DATA SISWA </td></tr>
<tr>
<td> nama lengkap : </td>
<td> <input type="text" name="nama"> </td></tr>
<td> nama panggilan : </td>
<td> <input type="text" name="nama"> </td></tr>
<td> agama : </td>
<td> <select name="s1">
<option value="katolik"> katolik </option>
<option value="islam"> islam </option>
<option value="hindu"> hindu </option>
<option value="kristen"> kristen</option>
<option value="budha"> budha </option>
</select>? </td> </tr>
<tr>
<td> jenis kelamin : </td>
<td> <select name="s1">
<option value="laki-laki"> laki-laki </option>
<option value="perempuan"> perempuan </option>

</select>? </td> </tr>



<td> alamat : </td>
<td>
<textarea name="kesan" rows="5" cols="10">
jangan lupa masukkan alamat anda di sini!!!
</textarea> </td></tr>
<tr>
<td colspan="2" align="center"> &reg&reg&reg </td>
<tr>
<td colspan="2" align="center"> &copy&copy&copy </td>
<tr>
<td> Hobby </td>
<td><input type="radio" name="jk value="membaca">
membaca


<input type="radio" name="jk value="menulis">
menulis


<input type="radio" name="jk value="menyanyi">
menyanyi
</td></tr>
<tr>
<td> makanan favorit </td>
<td> <input type="checkbox" name="jk value="soto">
soto


<input type="checkbox" name="jk value="bakso">
bakso


<input type="checkbox" name="jk value="nasi goreng">
nasi goreng
</td></tr>

<td align="center"> <input type="submit" value="submit"> </td>
<td align="center"> <input type="reset" value="reset"> </td>
</tr>

</form>
</body>
</html>
Andree Narwoto
XI-A3 / 3


SOAL

Pilihan Ganda

1. Type form HTML untuk menerima masukan berupa pilihan, dan pilihan yang
dapat dipilih bisa lebih dari satu adalah
a. Radio
b. Password
c. Checkbox
d. Submit
e. Button

2. Perintah HTML untuk menentukan tebal garis table adalah
a. Table border
b. Align
c. Colspan
d. Rowspan
e. Br

3. Perintah HTML untuk membuat teks berjalan adalah
a. Form
b. Body
c. Marquee
d. Tr
e. &nbsp

Essay

Buatlah perintah HTML untuk membuat list item seperti di bawah ini !

Biodataku
1. Namaku
2. Profilku
3. Hobiku
o Bulutangkis
o Basket
o Tidur
4. Makanan Favoritku
5. Minuman Favoritku




JAWABAN
Pilihan Ganda

1. Jawaban c
2. Jawaban a
3. Jawaban c

Essay

<html>
<head>
<title>Tugas Satu</title>
</head>
<body>
<table border="2">


<tr>
<td>
Biodataku
<ol type="1">
<li>Namaku</li>
<li>Profilku</li>
<li>Hobiku</li>
<ul type="circle">
<li>Bulutangkis</li>
<li>Basket</li>
<li>Tidur</li>
</ul>
<li>Makanan Favoritku</li>
<li>Minuman Favoritmu</li>
</td>
</tr>

</table>
</body>
</html>


Otniel Sanjaya
XI-A3 / 20

Soal pilihan ganda :

1. Apa perintah yang harus dijalankan agar dapat menampilkan table?
a. <html>
b. </html>
c. <tr>
d. <table border=2>
e. <body>
Jawaban : d.

2. Bagaimana perintah yang harus dijalankan agar dapat mengganti baris yang masih
dalam satu kolom?
a. <br>
b. <tr>
c. <td>
d. </tr>
e. </td>
Jawaban : a.

3. Apa perintah yang paling pertama dalam mengawali pembuatan HTML?
a. <body>
b. </body>
c. </html>
d. <tr>
e. <html>
Jawaban : e.


Soal essai :

1. Bagaimana perintah yang harus dijalankan agar dapat menampilkan tampilan seperti
di bawah ini?


(Pilihan menu favorit : mie goring, gatot, lotek, soto, gethuk).

Jawaban :

<html>
<head>
<title> Latihan memproses masukan </title>
</head>
<body>

isi biodata anda <br>

<form name ="dat" action="lat 35.html" method="post">
masukkan nama anda :
<input type="text" name="nama">
<br>


masukkan password anda :
<input type="password" name="alamat">
<br>

pilihlah menu favorit anda :
<select name="s1">
<option value="mie goreng"> mie goreng </option>
<option value="gatot"> gatot </option>
<option value="lotek"> lotek </option>
<option value="soto"> soto </option>
<option value="gethuk"> gethuk </option>
</select>
<br>


masukkan kesan anda :
<br>
<textarea name="kesan" rows="5" cols="10">
masukkan kesan di sini
</textarea>
<br>
<input type="submit" value="kirimkan">



<input type="reset" value="ulangi">
</form>
</body>
</html>


Agus Yulianto
XI-A3/01

Dalam Pembutan HTML, Kita mengenal bahasa yang digunakan, kata <body>
menunjukkan:
a. Kepala dari HTML
b. Kaki dari HTML
c. Badan dari HTML
d. Header and Footer dari HTML
e. Table dari HTML

Dalam HTML, dapat ditambahkan hubungan/relasi ke link lain. Berikut ini adalah
command dari link yang apabila di klik akan menuju ke www.google.com adalah.
a. <Href a www.google.com> </a>
b. <a href www.google.com> </a>
c. <a href="www.google.com"></a>
d. <ke= www.google.com> </a>
e. <pindah ke www.google.com> </a>

Berikut ini adalah urutan command dari pembuatan bullet and numbering. Nomor
berapakah yang salah???

1. </ol>
2. <li> aku</li>
3. <list>cinta</list>
4. <li> kamu</li>
5. <ol><end>

a. 1,3,5
b. 1,2,4
c. 1,2,3
d. 1,5,3
e. 2,3,4

Jelaskan Fungsi dari command <ol><li></li> dan </ol>


Kunci:
1.=C
2.=C
3.=A

4. <ol> = command untuk membuat ordered list
<li> = command untuk memulai menulis text yang akan di beri ordered list
</li> = Mengakhiri text yang telah diberi ordered list
</ol>= Mengakhiri ordered list
SOAL-SOAL KOMPUTER
HTML

Oleh : Yosua Ardy Kurniawan

1. Perintah apakah yang digunakan untuk melakukan perintah pindah baris atau
memulai baris baru?
a. <tr>
b. <td>
c. <br>
d. <li>
e. <lo>
2. Operasional berikut ini yang digunakan untuk menutup suatu perintah adalah:
a. ,
b. .
c. :
d. ;
e. /
3. printah yang digunakan untuk menyatukan baris ke bawah adalah:
a. <td colspan>
b. </td>
c. <td rowspan>
d. <tr>
e. <br>


II. ESSAY

KIMIA
BIOLOGI
MATEMATIKA
FISIKA










1. perintah untuk membuat tampilan website sperti di atas!

Jawab:

<html>
<head>
<table border="3">
<td colspan="3"> Welcome to my site </td>
<tr>
<td>HOME </td>
</tr>
<tr>
<td>GAlLery</td>
</tr>
</tr>
<td>Games</td></tr>
</html>
</head>

G. Patria Chrisnadana
XI-A3/14

Soal pilihan ganda HTML

1. Perintah untuk membuat teks berjalan adalah
a. <marquee>
b. <b>
c. <br>
d. <bg color>
e. <map>
Jawaban A
2. Perintah untuk menyatukan 3 baris pada sebuah tabel adalah
a. <td colspan=3>
b. <td colspan=3>
c. <td rowspan=3>
d. <td rowspan=3>
e. <td rowspan=3>
Jawaban C
3. Jika kita menuliskan perintah &copy, maka pada html akan muncul
a.
b.
c.
d.
e. @
Jawaban C






Soal Essay untuk FORM

Batlah perintah agar muncul form seperti dibawah ini!

Data Siswa Kelas XI
Nama Lengkap


Nama PAnggilan


Agama
katolik


Jenis Kelamin
laki-laki


Alamat
Masukkan alamat disisni beserta riciannya!!!



Hobby
memebaca menulis menyanyi
Makanan favorit
sooto bakso nasgor
submit

reset




Jawaban :

<html>
<head>
<title> Data Siswa</title>
</head>
<body>
<table border=2>




<tr>
<td colspan=2 align="center"> <b><big><big><big>Data Siswa Kelas XI</big></b> </td>
</tr>

<tr>
<td>Nama Lengkap</td>
<td><input type="text" name="nl" ></td>
<br>
</tr>

<tr>
<td>Nama PAnggilan</td>
<td><input type="text" name="np " ></td>
<br>
</tr>

<tr>
<td>Agama</td>
<td><select name="s1">
<option value="katolik"> katolik </option>
<option value="islam"> islam </option>
<option value="protestan"> protestan </option>
<option value="hindu"> hindu </option>
<option value="budha"> budha </option>
</select>
</td>
<br>
</tr>

<tr>
<td>Jenis Kelamin</td>
<td><select name="s2">
<option value="laki-laki"> laki-laki </option>
<option value="perempuan"> perempuan </option>
</select>
</td>
<br>
</tr>

<tr>
<td>Alamat</td>



<td><textarea name="kesan" rows=5 cols=50>
Masukkan alamat disisni beserta rinciannya!!!
</textarea>
</td>
</tr>

<tr>
<td colspan=2 align=center><big><big>&reg;&reg;&reg</big><br></td>
</tr>
<tr>
<td colspan=2 align=center><big><big>&copy;&copy;&copy</big><br></td>
</tr>

<tr>
<td>Hobby</td>
<td>
<input type="radio" name="jk" value="membaca">
memebaca
<input type="radio" name="jk" value="menulis">
menulis
<input type="radio" name="jk" value="menyanyi">
menyanyi
</td>
</tr>

<tr>
<td>Makanan favorit</td>
<td>
<input type="checkbox" name="c1" value="soto">
sooto
<input type="checkbox" name="c1" value="bakso">
bakso
<input type="checkbox" name="c1" value="nasi goreng">
nasgor
</td>
</tr>
<tr>
<td align=center><input type="submit" value="submit"></td>
<td align=center><input type="reset" value="reset"></td>
</tr>
</form>
</body>
</html>

Gerry Dilang
XI-A3/15


PILIHAN GANDA HTML

1. Hasil dari &amp; adalah :
a) &
b) %
c) @
d) $
e) !
Jawabannya = A

2. Apa kepanjangan dari HTML?
a) Hyper text mail language
b) Hyper text mark up language
c) Hyper team master language
d) Hyper team mode language
e) Hyper tuts mark up language
Jawabannya = B

3. Bagaimana perintah membuat text menjadi berwarna ?
a) <font color=color>
b) <bgcolor = color>
c) <img src =.url>
d) <td background=url>
e) <p align =center>
Jawabannya = A

ESSAY

1.

















Jawaban essay :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<p>Daftar Menu Makanan :<br />
&#9679; Menu utama :</p>
<ol start="1" type="1">
<ol start="1" type="a">
<li>Nasi Goreng</li>
<li>Soto Ayam</li>
<li>Bakso</li>
Daftar Menu Makanan :
Menu utama :
a. Nasi Goreng
b. Soto Ayam
c. Bakso
d. Pecel Lele
Minuman :
e. Es teh
f. Es jeruk
g. Soda gembira
h. Kopi susu
<li>Pecel Lele</li>
</ol>
</ol>
<p>&#9679; Minuman :</p>
<ol start="1" type="1">
<ol start="5" type="a">
<li>Es teh</li>
<li>Es jeruk</li>
<li>Soda gembira</li>
<li>Kopi susu</li>
</ol>
</ol>
</body>
</html>

Jimmy indarto gunawan
18/ XI Ipa 3


I. Soal Pilihan Ganda
1. fungsi dari title adalah
A. menunjukkan save file html kamu
B. menunjukan judul html kamu
C. menunjukan fungsi dari html kamu
D. menunjukan waktu kamu membuat html
E. melihat apa yang sedang kamu lakukan
Jawaban: B
2. kegunaan form adalah
A. memperoleh informasi pembelian secara online
B. untuk mencetak miring dalam pembuatan web
C. untuk melihat data-data yang tersedia
D. untuk dapat mengakses internet lebih cepat
E. untuk melakukan hubungan local antar computer
Jawaban: A
3. apa fungsi dari type=password??
A. jika kita mengetik sesuatu akan tertulis yang sebenarnya
B. jika kita mengetik sesuatu maka ketikan tersebut akan tidak terlihat
C. jika kita mengetik sesuatu maka yang muncul adalah angka
D. jika kita mengetik sesuatu maka yang muncul adalah ******
E. jika kita mengetik sesuatu tidak muncul apa-apa
Jawaban: D

II. Saol Uraian
1. Tunjukkan bahwa kamu bias menggunakan type checkbox
Jawaban:
<input type=checkbox Name=c1 Value=buk> buku
Yohanes Raditya W.
XI-A3 / 27

Pilihan Ganda HTML

1. Apa kepanjangan dari HTML?
a. Hypertext Markup Language
b. Hipertext Markap Language
c. Hypertext Markups Language
d. Hypertext mail up language
e. Hyperlink markup language
Jawaban : A

2. Hasil dari &amp; adalah :
a. !
b. *
c. @
d. &
e. #
Jawaban : D

3. Apa perintah html untuk membuat table ?
a. (insert table=1)
b. (table border=1)
c. (table)
d. (table row)
e. (table coloumn)
Jawaban : B



Essai List Item

Buatlah perintah untuk menampilkan tampilan sebagai berikut!!!

Jawaban

<body>
<p>Daftar Minuman:<br />
<ul><li> beralchohol </li>
<ol type=1>
<li> jack daniels </li>
<li> chivas regal </li>
<li> bali moon liquers </li></ol>
<li> wedang anget </li>
<ol type=a>
<li> teh panas </li>
<li> jeruk panas </li>
<li> air mineral panas </li></ol></ul>
</body>
</html>

Nama : P. Herbowo Kristianto
Kelas : XI-A3
No. Presensi

1. Saat membuat list, value DISC digunakan untuk?
a. Bullet Lingkaran
b. Bullet Kotak
c. Bullet Segitiga
d. Bullet Titik
e. Bullet Segilima
Jawaban : D

Daftar Minuman:
beralchohol
1. Jack Daniels
2. Chivas Regal
3. Bali Moon Liquers
wedang anget
a. teh panas
b. jeruk panas
c. air mineral panas
2. Yang digunakan untuk mengelompokkan data berurutan (ordered list) adalah
a. List Iem
b. Bullet
c. Numbering
d. Huruf
e. Nama
Jawaban : C
3. Untuk memberikan list a, b, c, dst menggunakan perintah
a. <ol type=A>
b. <ol type=I>
c. <ol type=0>
d. <ol type=a>
e. <ol type=1>
Jawaban D
4. Buatlah list item yang akan memunculkan tampilan sebagai berikut ini !!!

MATA PELAJARAN
A. MATEMATIKA
1) Lingkaran
2) Suku Banyak
3) Trigonometri
B. KIMIA
Stoikiometri
KSP
C. BIOLOGI
a. Sistem Pencernaan
b. Pernafasan

D. FISIKA



Jawaban :

<html>
<head>
<title>mata pelajaran</title>
</head>

<body>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="489" valign="top"><p align="center">MATA PELAJARAN</p></td>
</tr>
<tr>
<td width="489" valign="top"><ol start="1" type="A">
<li>MATEMATIKA</li>
</ol>
<ul>
<li>Lingkaran</li>
<li>Suku Banyak</li>
<li>Trigonometri</li>
</ul>
<ol start="2" type="A">
<li>KIMIA</li>
</ol>
<ul>
<ul>
<li>Stoikiometri</li>
<li>KSP</li>
</ul>
</ul>
<ol start="3" type="A">
<li>BIOLOGI</li>
</ol>
<ul>
<li>Sistem Pencernaan</li>
<li>Pernafasan</li>
</ul>
<p>&nbsp;</p>
<ol start="4" type="A">
<li>FISIKA</li>
</ol></td>
</tr>
</table>
</body>
</html>


Evan Benigno XI A3/12

SOAL-SOAL LATIHAN TIK

I. Pilihan ganda
1. Perintah html yang berfungsi untuk menyatukan kolom yang berada pada
satu baris adalah
a. <td colspan>
b. <td rowspan>
c. <tr>
d. <td>
e. <li>
2. Jika ingin membuat tulisan O
2
maka caranya
a. O<sup>2</sup>
b. O<sub>2</sub>
c. O<subscript>2</subscript>
d. O<superscript>2</superscript>
e. <sub>O</sub>2
3. Kalau ingin membuat background berwarna merah caranya
a. <backgroundcolor=red>
b. <background=red>
c. <body bgcolor=red>
d. <body bg=red>
e. <bgcol=red>

II. Essay
1. Buatlah perintah html agar tampilannya seperti dibawah ini!

Nama Buah:
Jeruk
Apel
Melon
Pisang
1. Pisang ambon
2. Pisang Raja
3. Pisang Kapok
2. Buatlah perintah html agar tampilannya seperti dibawah ini!
SMA KOLESE De Britto
X XI XII

Jawaban:
1. Nama Buah:
<html>
<head>
<title>test</title>
<ul>
<li> Jeruk </li>
<li> Apel </i>
<li> Melon </i>
<li> Pisang </i>
<ol type=square>
<li> Pisang ambon </li>
<li> Pisang Raja </li>
<li> Pisang Kapok </li>
</ol>
</ul>

2. <html>
<head>
<title> test2 </title>
<table border=2>
<tr>
<td colspan=3 align=center> SMA KOLESE De Britto </td>
</tr>
<tr>
<td> <p align=center> X </td>
<td> <p align=center> XI </td>
<td> <p align=center> XII </td>
</tr>

Yoseph Andhi Wicaksono
XI-A3/28

SOAL PILIHAN GANDA

1. Tag untuk berganti baris adalah .
a. <tr>
b. <br>
c. <body>
d. <head>
e. <Form>
2. Perintah untuk menyatukan 4 kolom pada suatu tble adalah .
a. <td rowspan = 4>
b. <td colspan = 4>
c. <td rowspan = 4>
d. <td colspan = 4>
e. <td rowspan = 4>
3. Perintah untuk membuat list yang terurut adalah .
a. <ul>
b. <ol>
c. <li>
d. <tr>
e. <td>


Soal Essay.FORM

1. Buatlah perintah supaya muncul form berikut!
Data Diri
Nama

Alamat

Agama
Katolik
?
Jenis Kelamin
Laki-Laki
?
Curriculum Vitae
Jangan Lupa Isikan alamat anda
di Kotak ini!!!



Hobby
Membaca Menulis Menyanyi
Makanan Favorit
Soto Bakso NasgoR
SUBMIT

RESET


<html>
<head>
<title>Latihan2</title>
</head>
<body>
<form name="lat2" action="lat2.html" method="post">
<table border="2">
<td colspan="2" align="center"><b>Data Diri</b></td>
</tr>
<td>Nama</td><td>
<input type="text" name="nama"></td></tr>
<td> Alamat</td>
<td><input type="text" name="Alamat"></td></tr>
<td>Agama</td>
<td><select name="s1">
<option value="Katolik">Katolik</option>
<option value="Kristen">Kristen</option>
<option value="Buddha">Buddha</option>
<option value="Hindu">Hindu</option>
<option value="Islam">Islam</option>
</select>?</td></tr>
<td>Jenis Kelamin></td>
<td><select name="s2">
<option value="Laki-Laki">Laki-Laki</option>
<option value="Perempuan">Perempuan</option>
</select>?</td></tr>
<td>Curriculum Vitae</td>
<td><textarea name="CV" rows="20" cols="30">Jangan Lupa Isikan CV anda di Kotak
ini!!!</textarea></td></tr>
<b><td colspan="2" align="Center">&reg;&reg;&reg;</td></tr>
<td Colspan="2" align="center">&copy;&copy;&copy;</td></tr></b>
<td>Hobby</td><td>
<input type="radio" name="hobby" value="Membaca">Membaca
<input type="radio" name="hobby" value="Menulis">Menulis
<input type="radio" name="hobby" value="Menyanyi">Menyanyi
</td></tr>
<td>Makanan Favorit</td>
<td>
<input type="checkbox" name="hobby" value="Soto">Soto
<input type="checkbox" name="hobby" value="Bakso">Bakso
<input type="checkbox" name="hobby" value="Nasi Goreng">NasgoR
</td></tr>
<td><input type="submit" value="SUBMIT"></td>
<td align="center"><input type="reset" value="RESET"></td>
</tr></body>
</html>



Andrias Supri Hastoro
XI_A3_4


1. Apa guna dari &nbsp dalam HTML?
a. Mengubah warna background
b. Mengubah warna huruf
c. Mengubah ukuran huruf
d. Membuat tabel
e. Membuat kolom tabel tanpa apa pun

2. Perintah untuk mengubah warna huruf menjadi merah dalam HTML adalah..
a. <img src = red>
b. <font size = 20>
c. <bg color = red>
d. <font color = red>
e. &reg; red

3. Bagaimana perintah untuk menampilkan dalam HTML?
a. <img width="118" height="41" src="file:///C|/Documents and
Settings/jb/Application Data/Macromedia/Dreamweaver
8/OfficeImageTemp/clip_image001.gif" alt="cip" /></p>
b. <textarea name="font" rows=5 cols=50>cip
</textarea>
c. <input type="radio" name="jk" value="cip">
d. <td colspan=2
align=center><big><big>&copy;&copy;&copy</big><br></td>cip
e. <input type="text" name="cip" >


Essay

Tuliskan Perintah untuk menampilkan :
Hobby
Membaca
Menulis
Menyanyi



Jawaban :

1. E
2. D
3. A


Essay

<input type="radio" name="jk" value="membaca">
Membaca

<input type="radio" name="jk" value="menulis">
Menulis

<input type="radio" name="jk" value="menyanyi">
Menyanyi



Alexander Tyas Aji Wardhana
XI-A3 / 02

1. Bagaimanakah perintah HTML jika ingin menampilkan input type yang hanya boleh
memilih satu pilihan. Misal, pilihan untuk pilihan membaca.
a. <input type="radio" name="jk" value="membaca"> membaca
b. <input type="check radio" name="jk" value="membaca"> membaca
c. <input type="checkbox" name="jk" radio="membaca"> membaca
d. <input type="radio only one" name="jk" value="membaca"> membaca
e. <input type="radio one" name="jk" radio="membaca"> membaca


2. Perintah Unordered list agar dapat menampilkan list bulat titik, adalah.
a. Circle
b. Disc
c. Clyndrical
d. Donuts
e. DiscBox

3. Bagaimanakah perintah HTML agar muncul input type password
a. <td><input type="password" name="alamat"</td>
b. <td><input type="name" name="password"</td>
c. <td><input type="password" password="alamat"</td>
d. <td><input type="word" name="password"</td>
e. <td><input type="password1" name="password2"</td>


Tampilkan perintah HTML sebuah text areadi bawah ini!

Isi Biodata anda
Masukkan nama anda :


Masukkan password anda :
<>
pilihlah menu favorit anda :
mie goreng


Masukkan kesan anda terhadap soal ini :

Masukkan
kesan disin

kirimkan

ulangi






Jawaban
1. A 2. B 3. A

essay

<html>
<head>
<title> Latihan Memproses Masukan</title>
</head>
<body>
<table border=2>

<Form Name ="dat" Action="lat35.html" Method="post">
<tr>
<td colspan=2 align=center>Isi Biodata anda<br></td>
</tr>
<tr>
<td>Masukkan nama anda :</td>
<td><input type="text" name="nama" ></td>
<br>
</tr>
<tr>
<td>Masukkan password anda :</td>
<td><input type="password" name="alamat"</td>
<br>
</tr>
<tr>
<td>pilihlah menu favorit anda :</td>
<td><select name="s1">
<option value="mie goreng"> mie goreng </option>
<option value="nasi goreng"> nasi goreng </option>
<option value="ayam bakar"> ayam bakar </option>
<option value="sayur asem"> sayur asem </option>
<option value="capcay"> capcay </option>
</select>
</td>
<br>
</tr>
<tr>
<td>Masukkan kesan anda terhadap soal ini:</td>
<br>
<td><textarea name="kesan" rows=5 cols=10>
Masukkan kesan disini
</textarea>
<br>
</td>
</tr>
<tr>
<td align=center><input type="submit" value="kirimkan"></td>
<td align=center><input type="reset" value="ulangi"></td>
</tr>
</form>
</body>
</html>




Carolus Hendra Pratama
XI-A3
7
SOAL SOAL LATIHAN TIK

1. Perintah Unordered dengan TYPE SQUARE digunakan untuk mendeskripsikan
a. Bullet kotak
b. Bullet titik
c. Bullet lingkaran
d. Bullet segitiga
e. Bullet simbol

2. Perintah yang digunakan untuk menerima masukan berupa pilihan yang dapat dipilih
lebih dari satu adalah . . .
a. Checkbox
b. Radio
c. Checkcircle
d. Square
e. boxmatch

3. Perintah untuk menampilakan tanda adalah
a. &amp;
b. &circ;
c. &nbsp;
d. &copy;
e. &omega;

ESSAI



JAWABAN :

<html>
<head>
<title>latihan soal 1</title>
</head>
<body>
<table border=1>
<tr>
<td colspan="3" align="center"> WELCOME TO MY SITE<BR>"Plan Your Work and
Work Your Plan"</TD></tr>
<tr><td>
<ul type="disc">
<li>Home</li>
<li>About Us</li>
<li>News</li>
<li>FAQ</li>
<li>Register</li>
<li>Links</li>
<li>Forum</li>
<li>Site Map</li>
<li>Guestbook</li>
</ul>
</td> <td> Welcome to my site !!!<br> Di website ini Anda akan<br>mendapatkan
informasi mengenai;<br>
<ol>
<li> Profil pribadiku</li>
<li> Resensi buku</li>
<li> Informasi hobiku <br>
<ol type="a">
<li> Browsing internet</li>
<li> Membaca Komik</li>
<li> Jalan-Jalan</li>
</li>
</ol>
<li> Foto-foto kenanganku</li>
</ol>

Jangan lupa untuk selalu<br>
mengnjungi website ini !

<br><br>
Salam</td>
<td> Archieves <br>
<ol>
<li> januari</li>
<li> Februari</li>
<li> Maret
<ul type="disc">
<li> Ketika itu</li>
<li> surat pada <br>sahabat </li>
<li> sepenggal <br>cerita</li>
<li> akhirnya <br>posting juga</li>
</li></ul>
<li> April </li>
<li> Mei </li>
</ol>
</td>
</tr>
<tr>
<td> &nbsp</td>
<td> <ul type="disc"> <li> news_1</li>
<li> mews_2</li>
</ul>
</td>
<td> <ul type="disc"> <li> Flash item 1 </li>
<li> flash item 2 </li>
</td></tr>

</table>
</body>
</html>




Oleh: Santo Patrik Dyan Martikatama (XI-A3/25)

Pilihan Ganda:

1. Pilihan isi atribut TYPE yang digunakan untuk menerima masukan berupa
pilihan, dimana pilihan yang dapat dipilih hanya satu pilihan dalam satu waktu
adalah.
a. Checkbox
b. Reset
c. Radio
d. Text
e. Password
2. Unordered List dengan type SQUARE deskripsinya adalah.
a. Lingkaran
b. Segitiga
c. Titik
d. Persegi panjang
e. Kotak
3. Untuk menentukan panjang HR default 100% digunakan atribut
a. Noshad
b. Width
c. Position
d. Size
e. UL


Essai:



Jawab:
<html>
<head>
<title> ordered list</title>
</head>

<body>
<p>biodataku</p>
namaku : sebastian denis permana sotya aji<br>
kelasku : XI - IPA 3<br>
nomorku : 26<br>

hobiku
<ol type="1">
<li>bermain musik</li>
<li>bermain sepak bola</li>
<li>jogging di ugm</li>
</ol>
mata pelajaran yang aku sukai
<ol type="1">
<li>matematika</li>
<ul type="circle">
<li>peluang</li>
<li>trigonometri</li>
<li>limit</li>
<logaritma</li>
</ul>
<li>fisika</li>
<ul type="square">
<li>GLBB</li>
<li>relativitas</li>
<li>gaya</li>
</ul>
<li>kimia</li>
<ul type="circle">
<li>reaksi redoks</li>
</ul>
</body>
</html>



Donatus Edna Renaldy / XIA3 / 10

PILIHAN GANDA

1. Tag <INPUT > diletakkan diantara :
a. <FORM> dan </FORM>
b. <TEXT> dan </TEXT>
c. <TYPE> dan </TYPE>
d. <TEXT> dan </TYPE>
e. <FORM> dan </TEXT>

2. Untuk menerima masukan berupa pilihan yang dipilih bisa lebih dari satu
digunakan type :
a. Text
b. Password
c. Checkbox
d. Radio
e. Submit
3. untuk menerima masukan dari pengguna berupa beberapa baris teks digunakan
tag :
a. <TEXTRANGE>
b. <TEXTAREA>
c. <TEXTRATIO>
d. <TEXTPOINT>
e. <TEXTROWS>

Essay :
1. buatlah tampilan seperti ini :
JADWAL PELAJARAN
SENEN
MATEMATIKA
KIMIA
FISIKA
Selasa
BIOLOGI
KIMIA
MATEMATIKA

JAwab :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="590" valign="top"><p align="center">JADWAL PELAJARAN</p></td>
</tr>
<tr>
<td width="590" valign="top"><p>SENEN</p>
<ul type="disc">
<li>MATEMATIKA </li>
<li>KIMIA</li>
<li>FISIKA</li>
</ul></td>
</tr>
<tr>
<td width="590" valign="top"><p>Selasa </p>
<ul type="disc">
<li>BIOLOGI</li>
<li>KIMIA</li>
<li>MATEMATIKA</li>
</ul></td>
</tr>
</table>
</body>
</html>



Haryo Bagus P
XI-A3 / 16

1. Untuk membuat table dengan kolom 3 dan baris 3, pada notepad harus ada tag:
a. <table border=2 colspan=3 rowspan=3>
b. <table border=2 colspan=3 rowspan=3>
c. <table border:2 colspan:3 rowspan:3>
d. <table border2 colspan3 rowspan3>
e. <table border2 colspan3 rowspan3>
2. Tag <textarea> memiliki atribut di bawah ini adalah:
a. Name
b. Action
c. Method
d. Value
e. Option
3. Type yang digunakan untuk menerima masukkan berupa pilihan. Pilihan yang
dipilih bisa lebih dari satu adalah:
a. submit
b. radio
c. reset
d. button
e. checkbox


Essai

Buatlah form seperti yang tergambar di bawah ini!




Jawaban soal pilihan ganda:
1.B
2.A
3.E

Jawaban soal essai:
<html>
<head>
<title>latihan soal 1</title>
</head>
<body>
<table border=1>
<tr>
<td colspan="3" align="center"> WELCOME TO MY SITE<BR>"Plan Your
Work and Work Your Plan"</TD></tr>
<tr><td>
<ul type="disc">
<li>Home</li>
<li>About Us</li>
<li>News</li>
<li>FAQ</li>
<li>Register</li>
<li>Links</li>
<li>Forum</li>
<li>Site Map</li>
<li>Guestbook</li>
</ul>
</td> <td> Welcome to my site !!!<br> Di website ini Anda
akan<br>mendapatkan informasi mengenai;<br>
<ol>
<li> Profil pribadiku</li>
<li> Resensi buku</li>
<li> Informasi hobiku <br>
<ol type="a">
<li> Browsing internet</li>
<li> Membaca Komik</li>
<li> Jalan-Jalan</li>
</li>
</ol>
<li> Foto-foto kenanganku</li>
</ol>

Jangan lupa untuk selalu<br>
mengnjungi website ini !

<br><br>
Salam</td>
<td> Archieves <br>
<ol>
<li> januari</li>
<li> Februari</li>
<li> Maret
<ul type="disc">
<li> Ketika itu</li>
<li> surat pada <br>sahabat </li>
<li> sepenggal <br>cerita</li>
<li> akhirnya <br>posting juga</li>
</li></ul>
<li> April </li>
<li> Mei </li>
</ol>
</td>
</tr>
<tr>
<td> &nbsp</td>
<td> <ul type="disc"> <li> news_1</li>
<li> mews_2</li>
</ul>
</td>
<td> <ul type="disc"> <li> Flash item 1 </li>
<li> flash item 2 </li>
</td></tr>

</table>
</body>
</html>

Nama : Jeffry Daud Barrung
Kelas : XI-A3
No : 17

SOAL-SOAL LATIHAN KOMPUTER

1. Perintah yang di pakai untuk membuat tabel adalah
a. td dan tr
b. colspan dan rowspan
c. head
d. title
Jawabannya : a

2. Dalam pembuatan HTML software yang biasa digunakan adalah
a. Microsoft word
b. Notepad
c. Photosop
d. Macromedia Flash 8
Jawabannya : b

3. Penulisan &copy dalam HTML yang benar adalah
a. @
b.
c.
d. %
Jawabannya : b

SOAL ESSAY
1. Buatkan perintah HTML yang membuat table seperti di bawah ini !




Jawabannya
<tr>
<td> &nbsp </td>
<td colspan=2> &nbsp </td>
</tr>
<td colspan> &nbsp </td>
<td> &nbsp </td>
</tr>
<tr>
<td> &nbsp </td>
<td> &nbsp </td>
<td> &nbsp </td>
</tr>



I

1. Perintah membuat background gambar halaman web adalah
a. <body background=url>
b. <td background=url>
c. <body bgcolor=color>
d. <img src=url>
e. <body bgproperty=>
2. Hasil perintah &reg; pada html adalah
a.
b.
c.
d.
e. R
3. Penulisan [H
2
O]
2
yang benar pada html adalah
a. &lt;H<sup>2</sup>O&gt;<sub>2</sub>
b. [H<sup>2O]<sup>2
c. &lt;H<sub>2</sub>O&gt;<sup>2</sub>
d. [H<sub>2</sub>O]<sup>2</sup>
e. [H2O]2


II

1. Buatlah perintah html yang hasilnya sbb:



Leonardus Windiono
XI-A3/19







Jawaban
I

1. A
2. D
3. D

II
1.



































Daftar makanan:
Pagi
1. Mie Goreng
2. Mie Rebus
Siang
1. Nasi Goreng
2. Nasi Rames
Malam
1. Ayam baker
2. Bebek Goreng
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<p>Daftar makanan:</p>
<ul type="square">
<li>Pagi</li>
</ul>
<ul type="disc">
<ol start="1" type="1">
<li>Mie Goreng</li>
<li>Mie Rebus</li>
</ol>
</ul>
<ul type="square">
<li>Siang</li>
<ol start="1" type="1">
<li>Nasi Goreng</li>
<li>Nasi Rames</li>
</ol>
<li>Malam</li>
<ol start="1" type="1">
<li>Ayam bakar</li>
<li>Bebek Goreng</li>
</ol>
</ul>
</body>
</html>
Reza Eka Putra
XI-A3/24

Pilihan Ganda :


1. Perintah untuk memasukkan gambar adalah ..
a. <align>
b. <img src>
c. <bodycolor>
d. <li>
e. <&nbsp>

2. Unordered List dengan type DISC descriptionnya berupa
a. kotak
b. titik
c. lingkaran
d. degitiga
e. kerucut

3. <br> berfungsi untuk ..
a. membuat kolom
b. membuat table
c. mengganti warna tulisan
d. mengganti baris
e. mengganti type tulisan


Essai

1. Tuliskan perintah HTML untuk agar menghasilkan tampilan seperti dibawah ini!



Jawaban :
<html>
<head>
<title> Soal 1 </title>
</head>
<body>
Siapa nama anda ????
<br>
Nama Saya <input type="text" name="nama">
<br>
Dimana alamat anda :
<br>
Saya tinggal di <input type="text" name="alamat" >
<br>
masukkan password anda :
<input type="password" name="alamat">
<br>
<br>
Terima kasih..
</form>
</body>
</html>

Anda mungkin juga menyukai