20161014

Tabel didalam Tabel

<html>
<head><title>table bersarang</title>
</head>
<body>
<table border="1">
<tr>
<td><b>Description</b></td>
<td><b>Qty</b></td>
<td align="right"><b>Price</b></td>
<td><b>Email account note</b></td>
</tr>
<td>Email account</td>
<td align="right">10</td>
<td align="right">$9.990</td>
<td rowspan=5>
<table border="1">
<tr>
<td>Mailbox</td>
<td>10GB</td>
</tr>
<tr>
<td>webmail</td>
<td>yes</td>
</tr>
<tr>
<td>pop3</td>
<td>yes</td>
</tr>
<tr>
<td>imap</td>
<td>yes</td>
</tr>
<tr>
<td>anti-spam</td>
<td>yes</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>FYIcenter.com Ad</td>
<td align="right">1</td>
<td align="right">$99.00</td>
</tr>
<tr>
<td>1-year access</td>
<td align="right">1</td>
<td align="right">199.00</td>
</tr>
<tr>
<td colspan=2 align="right">shipping</td>
<td align="right">$3.99</td>
</tr>
<tr>
<td colspan=2 align="right">tax</td>
<td align="right">$15.99</td>
</tr>
</table>
</body>
</html>

Tabel dgn Alternating Index

<!DOCTYPE html>

<head>
<title>alternating</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="738" border="1"
align="center">
<tr>
<td height="248" align="center"
bgcolor="#FF66CC"><font size="+1"><strong>Teks/Daftar
isi</strong></font></td>
<td align="center" bgcolor="#FFFFCC"><font
color="#000066" size="+7"><strong><em>Gambar
</em></strong></font></td>
</tr>
<tr>
<td height="261" align="center"
bgcolor="#FFFF99"><font color="#CC0000"
size="+7"><strong><em>Gambar
</em></strong></font><font
size="+7"><em></em></font></td>
<td align="center" bgcolor="#FF66CC"><font
size="+1"><strong>Teks/daftar
isi</strong></font></td>
</tr>
<tr bgcolor="#996666">
<td height="150" colspan="2" align="center"><font
color="#FFFFFF"><strong><font size="+1">Lain-
lain</font></strong></font></td>
</table>
</form>
</body>
</html>

20161009

design web sekolah kita

<!DOCTYPE html>
<head>
<title>left color</title>
</head>
<body>
<form id="forml" name="forml" method="past" action="">
<table width="800" height="447" border="1" align="center" cellspacing="1">
<tr>
<th width="160" rowspan="3" align="center" valign="top" bgcolor="#993366">
<p>Menu</p>
<p>Profil sekolah</p>
<p>Galeri foto</p>
<p>Kegiatan</p>
<p>Hubungi kami</p>
<td width="627" height="23" align="center" bgcolor="#FFFF99"><strong><font color="#CCCCCC" size="+4">WEB SEKOLAH KITA
</tr>
<tr>
<td height="176"  align="center" valign="top" bgcolor="#FFFF99"><p>ISI DARI HALAMAN WEB
</p></td>
</tr>
<tr>
<td height="30"  align="center" bgcolor="#FFFF99"><font size="+2">copysight  sekolah kita.com
</tr>
</form>
</body>
</html>

20161003

LEFT INDEX

<!DOCTYPE html>
<head>
<title>Left Colour</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="447" border="1" align="center" cellspacing="1">
<tr>
<th width="160" rowspan="3" valign="top" bgcolor="#993366"><p>Home</p>
<p>Profile</p>
<p>About Us</p>

<p>Blog</p>

<p>Contact Us</p></th>

<th width="627" height="23" align="center" bgcolor="#FFFF99"><strong><font color="#CCCCCC" size="+4">Electronic Shop</font></strong></th>
</tr>
<tr>
<td height="176" align="center" valign="top" bgcolor="#FFFF99"><p>&nbsp;</p>
<p>Selamat datang di web kami, penjualan produk online ini adalah yang pertama di kota kami.
       kualitas dan harga dapat  dipercaya langsung saja pesan menjadi langganan kami.
</p></td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#FFFF99"><font size="+2">profil kami.com</font></td>
</tr>
</table>
</form>
</body>
</html>

BOTTOM INDEX

<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center" bordercolor="#FFFFFF" bgcolor="#FFFF00"><strong><font size="+5">Banner / Judul</font></strong></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#CCCCCC">
<p>Body atau contents (isi) </p>
<p><font color="#006600">Body atau contents (isi) </font></p>

<p><font color="#CC0000">Body atau contents (isi) </font></p>

<p><font color="#FFFF00">Body atau contents (isi) </font></p>

<p><font color="#990033">Body atau contents (isi) </font></p></td>
</tr>
<tr>
<td height="23" align="center" bgcolor="#CCFF99"><font color="#FF0000"><strong><font size="+2">Daftar isi atau navigasi </font></strong></font><font color="#9966CC" size="+2">&nbsp;</font></td>
</tr>
</table>
</form>
</body>
</html>

20161002

TOP INDEX

<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center" bordercolor="#FFFFFF" bgcolor="#FFFF00"><strong><font size="+5">Banner
atau iklan</font></strong></td>
>/tr>
<tr>
<td height="27" align="center"
bgcolor="#FFCCCC"><font color="#ff0000">Daftar isi atau navigasi. </font></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#FF66CC">
<p>Body atau contents (isi)</p>
<p><font color="#006600">Body atau contents (isi) </font></p>
<p><font color="#CC0000">Body atau contents (isi) </font></p>
<p><font color="#FFFF00">Body atau contents (isi) </font></p>
<p><font color="#FF6633">Body atau contents (isi) </font></p></td>
</tr>
<tr>
<td height="23" alight="center" bgcolor="#CCFF99"><font color="#9966CC">Info tambahan atau lain-lain </font></td>
</tr>
</table>
</form>
</body>
</html>

CARA Membuat Tabel Bersarang

Cara Membuat Tabel Bersarang

<html>
<head>
<title>tabel bersarang</title>
</head>
<body>
<table border=1>
<tr>
<td>
<table border=1>
<tr>
<td>kolom 1 baris 1</td>
<td>kolom 2 baris 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table>
</td>
<td>kolom 2 bars 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table>
</body>
</html>

Cra Membuat Tabel didalam Tabel

<html>
    <head><title>nested table 3</title></head>
<body>
    <table border="3" cellpadding="10 cellspacing="10>
  <td>
sel berikutnya  yang satu ini memiliki tabel kecil di dalamnya , tabel di dalam tabel.
</td>
<td> <table border ="3" cellpadding="3" cellspacing="3">
  <td>tabel ke 2</td>
  <td>tabel ke 2</td>
  <tr>
  <td>tabel ke 2</td>
  <td>tabel ke 2</td>
  </tr>
  </table></td>
 </td>
</body>
</html>

Tabel didalam Tabel

<html>

<head><title>table bersarang</title>

</head>

<body>

<table border="1">

<tr>

<td><b>Description</b></td>

<td><b>Qty</b></td>

<td align="right"><b>Price</b></td>

<td><b>Email account note</b></td>

</tr>

<td>Email account</td>

<td align="right">10</td>

<td align="right">$9.990</td>

<td rowspan=5>

<table border="1">

<tr>

<td>Mailbox</td>

<td>10GB</td>

</tr>

<tr>

<td>webmail</td>

<td>yes</td>

</tr>

<tr>

<td>pop3</td>

<td>yes</td>

</tr>

<tr>

<td>imap</td>

<td>yes</td>

</tr>

<tr>

<td>anti-spam</td>

<td>yes</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>FYIcenter.com Ad</td>

<td align="right">1</td>

<td align="right">$99.00</td>

</tr>

<tr>

<td>1-year access</td>

<td align="right">1</td>

<td align="right">199.00</td>

</tr>

<tr>

<td colspan=2 align="right">shipping</td>

<td align="right">$3.99</td>

</tr>

<tr>

<td colspan=2 align="right">tax</td>

<td align="right">$15.99</td>

</tr>

</table>

</body>

</html>

Tabel didalam Tabel

<html>
<table height="550" width="400" bgcolor="red">
<tr>
<td><table width="350" align="center" bgcolor="orange">table > tr > td
</tr>
<tr>
<td valign="top" height="40">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="60">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="80">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td ><table>table > tr > td </td>
<tr>
<td valign="top" width="90" bgcolor="#89F0FF">td</td>
<td valign="top" width="150" bgcolor="#89F0FF"><table bgcolor="#FF701A">td
</tr>
<tr>
<td width="130">table > tr > td </td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
</table></td>
<td valign="top" width="90" bgcolor="#89F0FF">td</table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange"></table></td>
</table></td>
</tr>
<tr>
<td><table width="355" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="40" cellspacing="15">table > tr > td</td></table></td>
</tr>
</table>
</html>

20161001

soal uts + jawaban






I.       PILIHAN GANDA
Pilihlah salah satu jawaban yang paling tepat dengan cara memberi tanda silang pada huruf A, B, C, D,atau E !

1.        Profesi dalam pengembangan aplikasi web yang bertugas  dalam melakukan  pendisainan tampilan situs (web) mulai dari pengolahan gambar, tata letak, warna, dan semua aspek visual situs adalah ....
A.       Web Designer
B.       Web Programmer
C.       Web Administrator
D.       Web Master
E.       Web Developer

2.        Di bawah ini aplikasi browser  yang hanya ada di sistem operasi Windows  adalah ...
A.       Google Chrome                                                                                   D. Internet Explorer                
B.       Mozila Firefox                                                                                      E. Opera
C.       Safari

3.        Proses penampilan halaman dalam browser dikendalikan oleh aturan style yang ditulis dalam CSS ( Cascading Style Sheets ) dalam development web adalah ...
A.       Authoring                                                                                             D. Programing                        
B.       Scripting                                                                                              E. Browsing
C.       Styling                 
4.        Web page authoring merupakan kelompok perangkat lunak seperti desktop publishing tetapi format yang dihasilkan adalah halaman web. Aplikasi di bawah ini yang termasuk dalam web page authoring adalah…:
A.       Teks Subline                                                                                        D. Adobe Dreamweaver        
B.       TextPad                                                                                               E. Textmate
C.       Coda
5.      Perhatikan script HTML berikut ini !
Text Box: <html>
<head>
<title>UTS Gasal
</head>
<body>
Selamat berjuang mengerjakan soal ujian UTS GASAL
</body>
</html>

TAG Untuk melengkapi anatomi dasar halaman web di atas adalah ...
A.       </html>                                                                                                D. </body>
B.       </title>                                                                                                  E. <body>
C.       </head>

6.      Fungsi TAG <sub> dalam coding HTML adalah
A.       Mendefinisikan teks di bawah garis                                                     D. Mendefinisikan teks ditandai
B.       Mendefinisikan teks di atas garis                                                         E. Mendefinisikan teks dicoret
C.       Mendefinisikan teks sisipan
7.      Tag yang di gunakan untuk membuat daftar berurutan dengan menggunakan huruf romawi besar adalah ...
A.       <ol type=”A”>                                                                                       D. <ol start=I”>
B.       <ol start=”A”>                                                                                      E. <ul type=”I”>
C.       <ol type=”I”>


8.        Elemen table yang digunakan untuk memberi spasi antar sel adalah
A.       Cellspacing                                                                                                          D. bgcolor
B.       Cellpadding                                                                                                         E. border
C.       align

9.        Atribut yang digunakan untuk menggabungkan 7 kolom adalah
A.       <td rowspan=7>....</td>                                                                                      D. <td pointspan=7>....</td>
B.       <td colspan=7>....</td>                                                                                        E. <td cellspan=7>....</td>
C.       <td tabel=7>....</td>

10.     Mana pernyataan berikut ini yang benar untuk tag tabel di dalam tabel ....!
A.       <table>..</table> diletakan di dalam tabel                                                       D. <table>..</table> diletakan di dalam <tr>..</tr>
B.       <table>..</table> diletakan di dalam sel                                                          E. <table>..</table> diletakan di dalam <td>..</td>
C.       <table>..</table> diletakan di dalam row



II.     Esay
Jawablah pertanyaan di bawah ini dengan tepat, singkat dan benar !

1.        Jelaskan bagian-bagian  dari URL berikut ini , http://www.smkknbi.sch.id  ?

2.        Sebutkan 4 contoh aplikasi browser yang bias di jalankan di sistem operasi macintosh !

3.        Apa fungsi dari TAG berikut ini ?
A.       <small>
B.       <strong>
C.       <b>
D.       <u>
4.        Tuliskan script HTML untuk menampilan daftar menu berikut ini !


5.        Tuliskan script HTML untuk menampilak tabel berikut ini !

Jawab:

1)      Jelaskan bagian-bagian  dari URL berikut ini , http://www.sekolah.sch.id  ?
A.       HTTP = Protocol yang digunakan
B.       WWW = Nama host
C.       sekolah = NAMA WEBSITE
D.       Sch.id = domain untuk sekolah sd/smp/smk/sma
2)      Aplikasi browser
A.       Chrome 
B.       Firefox
C.       Opera
D.       Safari
3)      Fungsi TAG
A.       <smalll> = mendifinisikan text kecil
B.       <strong> = mendifinisikan text penting
C.       <b> = untuk membuat text tebal
D.       <u> = untuk membuat garis bawah pada text
4)      Script list kombinasi
<html>
<head>
<title>Daftar Perangkat Komputer</title>
<body>
<b>Daftar Perangkat Komputer</b>
<ol type="A">
<li>Perangkat Input
<ul type="square">
<li>Mouse</li>
<li>Scanner</li>
<li>Keyboard</li>
<li>Microphone</li>
</ul>
</li>
</ol>
</body>
</html>

5)      Scrip tabel dengan spanning
<html>
<head>
<title>Table Spanning</title>
<body>
<table border=1 width=450>
<tr>
<td>Benua</td>
<td>Negara</td>
</tr>
<tr>
<td rowspan=4>ASIA</td>
<td>Arab Saudi</td>
</tr>
<tr>
<td>India</td>
</tr>

<tr>
<td>Indoneisa</td>
</tr>
<tr>
<td>Singapura</td>
</tr>
</table>
</body>
</html>








Kunci Jawaban :
I. SOAL PILIHAN GANDA

NO.
KUNCI
1.
A
2.
D
3.
C
4.
D
5.
B
6.
A
7.
C
8.
A
9.
B
10
E

II. ESAY
1)      Jelaskan bagian-bagian  dari URL berikut ini , http://www.sekolah.sch.id  ?
A.       HTTP = Protocol yang digunakan
B.       WWW = Nama host
C.       sekolah = NAMA WEBSITE
D.       Sch.id = domain untuk sekolah sd/smp/smk/sma
2)      Aplikasi browser
A.       Chrome 
B.       Firefox
C.       Opera
D.       Safari
3)      Fungsi TAG
A.       <smalll> = mendifinisikan text kecil
B.       <strong> = mendifinisikan text penting
C.       <b> = untuk membuat text tebal
D.       <u> = untuk membuat garis bawah pada text
4)      Script list kombinasi
<html>
<head>
<title>Daftar Perangkat Komputer</title>
<body>
<b>Daftar Perangkat Komputer</b>
<ol type="A">
<li>Perangkat Input
<ul type="square">
<li>Mouse</li>
<li>Scanner</li>
<li>Keyboard</li>
<li>Microphone</li>
</ul>
</li>
</ol>
</body>
</html>

5)      Scrip tabel dengan spanning
<html>
<head>
<title>Table Spanning</title>
<body>
<table border=1 width=450>
<tr>
<td>Benua</td>
<td>Negara</td>
</tr>
<tr>
<td rowspan=4>ASIA</td>
<td>Arab Saudi</td>
</tr>
<tr>
<td>India</td>
</tr>

<tr>
<td>Indoneisa</td>
</tr>
<tr>
<td>Singapura</td>
</tr>
</table>
</body>
</html>



NORMA PENILAIAN

Soal terdiri dari 2 bentuk
A.    Pilihan Ganda
Soal terdiri dari 10 Soal
Nilai setiap nomor adalah 6.

Jadi nilai Pilihan Ganda jika benar semua. 60

B.     Uraian
Soal terdiri dari 5 Soal
Jika jawaban benar/tepat nilai                         8
Jika jawaban  mendekati benar                                   6
Jika jawaban setengah benar                           4
Jika jawaban mendekati setengah benar                     2
Jika jawaban salah/kosong                              0
Jumlah soal uraian ada                                                5

Jadi nilai Uraian jika jawaban benar semua          40
                       
II.    Total nilai

         Nilai   = (Nilai A + Nilai B)
        = (60 + 40)
        = 100