<html>
<head>
<title>Web Rewang Siti Septiyani</title>
</head>
<body>
<b>Rewang nomor 23</b>
<form id="forml" name="forml" method="post" action="">
<table width="650" height="500" align="center" cellspacing="0">
<tr>
<th width="520" height="23" colspan="2" align="center" bgcolor="orange"><font color="#000000" size="+3">
Web Pribadi</font>
</th>
</tr>
<tr>
<th width="120" bgcolor="yellow" align="left" valign="top"><font size="+1">
<p><a href="home.html">Home</a><br/>
<p><a href="diri.html">Profil</a><br/>
<p><a href="photosepti2.html">Galeri foto</a><br/>
<p><a href="videoku.html">Galeri video</a><br/>
<p><a href="audioku.html">Galeri audio</a><br/>
</font>
</th>
<td height="150" align="center" valign="top" ><font size="+2">
<p> </p>
<p> Nama saya: Rewang Siti septiyani</p>
<p> Nomer : 23</p>
<p> kelas : X Tkj 1</p>
<p> Alamat : Salakan,Jeruk,Selo,Boyolali</p>
<p> TTL : 11 September 2000</p>
<p> Umur : 16 tahun</p>
<p> Sekolah : SMK KARYA NUGRAHA BOYOLALI</p>
<p> Hobby : Bermain Volly</p>
</font>
</td>
</tr>
<tr>
<td height="20" colspan="2" align="center" valign="top" bgcolor="orange"><font size="+1">Copyright © tkj1-rewangsiti.co.id
</font>
</td>
</tr>
</table>
</form>
</body>
</html>
Minggu, 13 November 2016
cara membuat data diri
cara membuat gambar animasi di script html
<html>
<head>
<title>Gambar</title>
</head>
<body>
<p>Latihan Menambahkan Gambar GIF, JPG, dan PNG</h2>
<p>Menampilkan gambar dalam format JPG:</p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlFP8H8ItgzRsxibuZy7rCRXEDZdi53gwgoACiksESMq_Thkobg36HdrBFpagXAJBoii0TSYBnXz2wmtROqBOwMblKn1vUAihT_JAUmfLAbH4-4ESOSSXR3sRH2pRNd01iBngI8Ly6ziZw/s1600/Hello_Kitty___Fashion_Victim_by_3dera.jpg"/
width="150" height="150">
</body>
</html>
Script di atas menampilkan hasil di bawah ini :
<head>
<title>Gambar</title>
</head>
<body>
<p>Latihan Menambahkan Gambar GIF, JPG, dan PNG</h2>
<p>Menampilkan gambar dalam format JPG:</p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlFP8H8ItgzRsxibuZy7rCRXEDZdi53gwgoACiksESMq_Thkobg36HdrBFpagXAJBoii0TSYBnXz2wmtROqBOwMblKn1vUAihT_JAUmfLAbH4-4ESOSSXR3sRH2pRNd01iBngI8Ly6ziZw/s1600/Hello_Kitty___Fashion_Victim_by_3dera.jpg"/
width="150" height="150">
</body>
</html>
Script di atas menampilkan hasil di bawah ini :
cara membuat link di script html
Yang saya warnai merah adalah contoh membuat linknya:
<!DECOTYPE html>
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center" cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">Web Personal</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00">
<p><a href="home.html">Home</a><br/>
<p><a href="diri.html">Profil</a><br/>
<p><a href="photosepti2.html">Galeri foto</a><br/>
<p><a href="videoku.html">Galeri video</a><br/>
<p><a href="audioku.html">Galeri audio</a><br/>
</th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
<p>Audio Perkenalan</p></th>
<p><audio controls><source src="akuu1.mp3" type="audio/mp3"></audio></p>
<p><audio controls><source src="akuu1.ogg" type="audio/ogg"></audio></p>
<p><audio controls><source src="akuu1.wav" type="audio/wav"></audio></p>
<p><img src="identitas.jpg" width="356" height="225"><p>
</td>
</tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright©septiyani.com</strong></font><font color="#9966CC" size="+2"> </font></td>
</tr>
</table>
</form>
</body>
Script diatas menghasilkan gambar di bawah ini:
<!DECOTYPE html>
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center" cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">Web Personal</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00">
<p><a href="home.html">Home</a><br/>
<p><a href="diri.html">Profil</a><br/>
<p><a href="photosepti2.html">Galeri foto</a><br/>
<p><a href="videoku.html">Galeri video</a><br/>
<p><a href="audioku.html">Galeri audio</a><br/>
</th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
<p>Audio Perkenalan</p></th>
<p><audio controls><source src="akuu1.mp3" type="audio/mp3"></audio></p>
<p><audio controls><source src="akuu1.ogg" type="audio/ogg"></audio></p>
<p><audio controls><source src="akuu1.wav" type="audio/wav"></audio></p>
<p><img src="identitas.jpg" width="356" height="225"><p>
</td>
</tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright©septiyani.com</strong></font><font color="#9966CC" size="+2"> </font></td>
</tr>
</table>
</form>
</body>
Script diatas menghasilkan gambar di bawah ini:
cara mudah membuat audio di script html
<!DECOTYPE html>
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center" cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">Web Personal</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00">
<p><a href="home.html">Home</a><br/>
<p><a href="diri.html">Profil</a><br/>
<p><a href="photosepti2.html">Galeri foto</a><br/>
<p><a href="videoku.html">Galeri video</a><br/>
<p><a href="audioku.html">Galeri audio</a><br/>
</th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
<p>Audio Perkenalan</p></th>
<p><audio controls><source src="akuu1.mp3" type="audio/mp3"></audio></p>
<p><audio controls><source src="akuu1.ogg" type="audio/ogg"></audio></p>
<p><audio controls><source src="akuu1.wav" type="audio/wav"></audio></p>
<p><img src="identitas.jpg" width="356" height="225"><p>
</td>
</tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright©septiyani.com</strong></font><font color="#9966CC" size="+2"> </font></td>
</tr>
</table>
</form>
</body>
</html>
Script diatas menampilkan hasil di bawah ini :
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center" cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">Web Personal</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00">
<p><a href="home.html">Home</a><br/>
<p><a href="diri.html">Profil</a><br/>
<p><a href="photosepti2.html">Galeri foto</a><br/>
<p><a href="videoku.html">Galeri video</a><br/>
<p><a href="audioku.html">Galeri audio</a><br/>
</th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
<p>Audio Perkenalan</p></th>
<p><audio controls><source src="akuu1.mp3" type="audio/mp3"></audio></p>
<p><audio controls><source src="akuu1.ogg" type="audio/ogg"></audio></p>
<p><audio controls><source src="akuu1.wav" type="audio/wav"></audio></p>
<p><img src="identitas.jpg" width="356" height="225"><p>
</td>
</tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright©septiyani.com</strong></font><font color="#9966CC" size="+2"> </font></td>
</tr>
</table>
</form>
</body>
</html>
Script diatas menampilkan hasil di bawah ini :
cara membuat video bisa memutar di script
<!DECOTYPE html>
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center" cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">Web Personal</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00">
<p><a href="home.html">Home</a><br/>
<p><a href="diri.html">About</a><br/>
<p><a href="photosepti2.html">Galeri Foto</a><br/>
<p><a href="audioku.html">Galeri Audio</a><br/>
<p><a href="videoku">Galeri Video</a><br/>
</th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
<p><video width="200" height="135" controls><source src="WIN_20161024_121543.MP4" type="video/mp4"></video>
<p><img src="identitas.jpg" width="356" height="125"><p>
<p>Video Saya</p></th>
</td>
</tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright©rewangsiti.com</strong></font><font color="#9966CC" size="+2"> </font></td>
</tr>
</table>
</form>
</body>
</html>
Dari script diatas menghasilkan hasil sebagai berikut:
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center" cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">Web Personal</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00">
<p><a href="home.html">Home</a><br/>
<p><a href="diri.html">About</a><br/>
<p><a href="photosepti2.html">Galeri Foto</a><br/>
<p><a href="audioku.html">Galeri Audio</a><br/>
<p><a href="videoku">Galeri Video</a><br/>
</th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
<p><video width="200" height="135" controls><source src="WIN_20161024_121543.MP4" type="video/mp4"></video>
<p><img src="identitas.jpg" width="356" height="125"><p>
<p>Video Saya</p></th>
</td>
</tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright©rewangsiti.com</strong></font><font color="#9966CC" size="+2"> </font></td>
</tr>
</table>
</form>
</body>
</html>
Dari script diatas menghasilkan hasil sebagai berikut:
cara menampilkan gambar di script html
<!DECOTYPE html>
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center" cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">Web Personal</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00">
<p><a href="home.html">Home</a><br/>
<p><a href="diri.html">About</a><br/>
<p><a href="photosepti.html">Galeri Foto</a><br/>
<p><a href="audioku.html">Galeri Audio</a><br/>
<p><a href="videoku.html">Galeri Video</a><br/>
</th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
<p><img src="identitas.jpg" width="356" height="356"><p>
<p>Ini Foto Saya</p></th>
</td>
</tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright©rewangsitisepiyani.com</strong></font><font color="#9966CC" size="+2"> </font></td>
</tr>
</table>
</form>
</body>
</html>
Script diatas menghasilkan gambar dibawah ini:
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center" cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">Web Personal</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00">
<p><a href="home.html">Home</a><br/>
<p><a href="diri.html">About</a><br/>
<p><a href="photosepti.html">Galeri Foto</a><br/>
<p><a href="audioku.html">Galeri Audio</a><br/>
<p><a href="videoku.html">Galeri Video</a><br/>
</th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
<p><img src="identitas.jpg" width="356" height="356"><p>
<p>Ini Foto Saya</p></th>
</td>
</tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright©rewangsitisepiyani.com</strong></font><font color="#9966CC" size="+2"> </font></td>
</tr>
</table>
</form>
</body>
</html>
Script diatas menghasilkan gambar dibawah ini:
cara mudah membuat web personal
<!DECOTYPE html>
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center" cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">Web Personal</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00">
<p><a href="home.html">Home</a><br/>
<p><a href="diri.html">Profil</a><br/>
<p><a href="photosepti2.html">Galeri Foto</a><br/>
<p><a href="videoku.html">Galeri video</a><br/>
<p><a href="audioku.html">Galeri Audio</a><br/>
</th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
<p>Selamat Datang Di WEB Rewang Siti Septiyani</p>
<p><img src="identitas.jpg" width="356" height="356"><p>
</td></tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright©rewang siti.com</strong></font><font color="#9966CC" size="+2"> </font></td>
</tr>
</table>
</form>
</body>
</html>
Dari scrip diatas maka menghasilkan gambar berikut ini:
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center" cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">Web Personal</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00">
<p><a href="home.html">Home</a><br/>
<p><a href="diri.html">Profil</a><br/>
<p><a href="photosepti2.html">Galeri Foto</a><br/>
<p><a href="videoku.html">Galeri video</a><br/>
<p><a href="audioku.html">Galeri Audio</a><br/>
</th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
<p>Selamat Datang Di WEB Rewang Siti Septiyani</p>
<p><img src="identitas.jpg" width="356" height="356"><p>
</td></tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright©rewang siti.com</strong></font><font color="#9966CC" size="+2"> </font></td>
</tr>
</table>
</form>
</body>
</html>
Dari scrip diatas maka menghasilkan gambar berikut ini:
Rabu, 26 Oktober 2016
web personal
<!DECOTYPE html>
<head>
<title>Web Personal</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">WEB REWANG SITI SEPTIYANI</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00"><p>Home</p>
</th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#C0C0C0" rowspan="2">
<p>SELAMAT DATANG DI WEB SAYA</p>
</tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font
size="+3">Copyright©rewangsitiseptiyani.com</strong></font><font color="#9966CC"
size="+2"> </font></td>
</tr>
</table>
</form>
</body>
</html>
<head>
<title>Web Personal</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">WEB REWANG SITI SEPTIYANI</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00"><p>Home</p>
</th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#C0C0C0" rowspan="2">
<p>SELAMAT DATANG DI WEB SAYA</p>
</tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font
size="+3">Copyright©rewangsitiseptiyani.com</strong></font><font color="#9966CC"
size="+2"> </font></td>
</tr>
</table>
</form>
</body>
</html>
jobsheet about me
<!DECOTYPE html>
<head>
<title>Web Personal</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">WEB REWANG SITI SEPTIYANI</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00"><p>About Me</p>
</th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#C0C0C0" rowspan="2">
<p>Nama:Rewang Siti Septiyani</p>
<p>Alamat:salakan,jeruk,Selo,boyolali</p>
<p>Tempat tanggal lahir:11 SEPTEMBER 2000</P>
<P>Umur:16 Tahun</p>
<p>Sekolah:SMK KARYA NUGRAHA BOYOLALI</p>
<p>Hobby:Bermain Volly</p>
<p>Kelas: X TKJ 1
</tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font
size="+3">Copyright©rewangsitiseptiyani.com</strong></font><font color="#9966CC"
size="+2"> </font></td>
</tr>
</table>
</form>
</body>
</html>
<head>
<title>Web Personal</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">WEB REWANG SITI SEPTIYANI</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00"><p>About Me</p>
</th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#C0C0C0" rowspan="2">
<p>Nama:Rewang Siti Septiyani</p>
<p>Alamat:salakan,jeruk,Selo,boyolali</p>
<p>Tempat tanggal lahir:11 SEPTEMBER 2000</P>
<P>Umur:16 Tahun</p>
<p>Sekolah:SMK KARYA NUGRAHA BOYOLALI</p>
<p>Hobby:Bermain Volly</p>
<p>Kelas: X TKJ 1
</tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font
size="+3">Copyright©rewangsitiseptiyani.com</strong></font><font color="#9966CC"
size="+2"> </font></td>
</tr>
</table>
</form>
</body>
</html>
Rabu, 12 Oktober 2016
ulangan
<!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="#FFFF00"><p>Menu</p>
<p>Profil Sekolah</p>
<p>Galery Foto</p>
<p>Kegiatan</p>
<p>Hubungi Kami</p></th>
<th width="627"height="23"align="center"
bgcolor="#FF8C00"><strong><font color="#CCCCCC"
size="+4">WEB SEKOLAH KITA
</font></strong></th>
</tr>
<tr>
<td height="176"align="center"
bgcolor="#FFFFFF"><p> </p>
<p>ISI DARI HALAMAN WEB
</p></td>
</tr>
<tr>
<td height="30"align="center"bgcolor="#FF8C00">
<font size="+2">copyright©sekolahkita.com</font></td>
<tr>
</table>
</form>
</body>
</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="#FFFF00"><p>Menu</p>
<p>Profil Sekolah</p>
<p>Galery Foto</p>
<p>Kegiatan</p>
<p>Hubungi Kami</p></th>
<th width="627"height="23"align="center"
bgcolor="#FF8C00"><strong><font color="#CCCCCC"
size="+4">WEB SEKOLAH KITA
</font></strong></th>
</tr>
<tr>
<td height="176"align="center"
bgcolor="#FFFFFF"><p> </p>
<p>ISI DARI HALAMAN WEB
</p></td>
</tr>
<tr>
<td height="30"align="center"bgcolor="#FF8C00">
<font size="+2">copyright©sekolahkita.com</font></td>
<tr>
</table>
</form>
</body>
</html>
Remidiasi ulangan tengah semester gasal
11. Profesi dalam pengembangan
aplikasi web yang bertugas dalam melakukan pendisinan 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
Pembahasan :
Web Design adalah
jenis desain grafis yang ditujukan untuk pengembangan dan styling obyek
lingkungan informasi Internet untuk menyediakan dengan fitur konsumen high-end
dan kualitas estetika. Definisi yang ditawarkan memisahkan desain web dari
pemrograman web, menekankan fitur fungsional dari sebuah situs web, serta
desain posisi web sebagai semacam desain grafis.
22. Dibawah ini aplikasi
browser yang hanya ada di system operasi Windows adalah…
A. Google Crome
B. Mozila Firefox
C. Safari
D. Internet Explorer
E. Opera
Pembahasan :
Internet explorer adalah sebuah Web
Browser Default nya windows yang di buat oleh Microsoft Corporation.
33. Proses penampilan halaman
dalam browser dikendalikan oleh aturan style yang ditulis dalam CSS (Cascanding
Style Sheets) dalam development web adalah…
A. Authoring
B. Scripting
C.
Styling
D. Programming
E. Browsing
Pembahasan:
CSS
adalah singkatan dari Cascading Style Sheets. Berisi rangkaian instruksi yang
menentukan bagiamana suatu text akan tertampil di halaman web.
44. 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
B. TexPad
C. Coda
D. Adobe Dreamweaver
E. Textmate
Pembahasan:
Adobe Dreamweaver adalah program yang
digunakan untuk membuat atau menyunting halaman web. Software Dreamweaver
dikeluarkan oleh Adobe System. Aplikasi ini banyak digunakan oleh para
programmer, desainer dan developer web dikarenakan kemudahan dalam
penggunaanya, kelengkapan fiturnya dan juga dukungannya terhadap teknologi
terkini
55. Perhatikan script HTML
berikut ini!
|
<html>
<head>
<title>UTS Gasal
</head>
<body>
Selamat berjuang mengerjakan soal ujian UTS GASAL
</body>
</html>
|
TAG untuk melengkapi anatomi dasar halaman
web diatas adalah…
A. </html>
B.
</title>
C. </head>
D. </body>
E. <body>
Pembahasan:
Merujuk
pada contoh script diatas, maka <title> ini
adalah tag pembuka judul dokumen HTML. Kata-kata Judul Dokumen HTML merupakan
isi judul dokumen HTML dan</title> adalah
tag penutup judul dokumen HTML. Penulisan lengkapnya seperti ini<title>Judul
Dokumen HTML</title>
66. Fungsi TAG
<sub>dalam coding HTML adalah…
A. Mendefinisikan teks dibawah garis
B. Mendefinisikan teks diatas
garis
C. Mendefinisikan teks
sisipan
D. Mendefinisikan teks ditandai
E. Mendefinisikan teks
dicoret
Pembahasan :
Karena
tag <sub>digunakan untuk memberi garis dibawah teks
77. Tag yang digunakan untuk
membuat daftar berurutan dengan menggunakan huruf romawi besar adalah…
A. <ol type=”A”>
B. <ol start=”A”>
C.
<ol type=”I”>
D. <ol start=”I”>
E. <ul type=”I”>
Pembahasan: Dalam penulisan skrip html untuk membuat daftar
berurutan menggunakan <ol type=”I”>
88. Elemen table yang
digunakan untuk member spasi antar sel adalah…
A. Cellspacing
B. Cellpadding
C. Align
D. Bgcolor
E. Border
Pembahasan :
cellspasing, atribut ini
digunakan untuk mengatur jarak antara garis tepi dari bagian dalam dengan garis
tepi yang dibagian luar. Nahh untuk nilainya juga sama seperti atribut
sebelumnya.
99. Atribut yang digunakan
untuk menggabungkan 7 kolom adalah…
A. <td
rowspan=7>…</td>
B.
<td clospan=7>…</td>
C. <td
table=7>…</td>
D. <td
pointspan=7>…</td>
E. <td
cellspan=7>…</td>
Penjelasan:
Dalam
pembuatan skrip html untuk menggabungkan kolom menggunakan teks <td
clospan=”7”..</td>
110.
Mana pernyataan berikut ini yang benar untuk tag table di
dalam table …!
A. <table>…</table>diletakkan
didalam table
B. <table>…</table>diletakkan
didalam sel
C. <table>…</table>diletakkan
didalam row
D. <table>…</table>diletakkan
didalam <tr>..</tr>
E.
<table>…</table>diletakkan
didalam <td>..</td>
Penjelasan:
Tag
yang digunakan dalam membuat table
ditalam table adalah <table>..</table>diletakkan
didalam<td>..</td>
II.
11) Jelaskan bagian bagian
dari URL berikut ini :http://www.smkknbi.sch.id
?
Jawab:
http:protokol
www:host komputer
smkknbi:alamat yg dituju
sch.id:domain pendidikan
22) Sebutkan 4 contoh aplikasi
browser yang biasa dijalankan disistem operasi macintosh
Jawab:-Safari
-Chrome
-Firefox
-Opera
33) Apa fungsi dari
tag berikut ini?
A. <small>
B. <strong>
C. <b>
D. <u>
Jawab: a.mendefinisikan teks
kecil
b.mendefinisikan teks
penting
c.mendefinisikan
teks tebal
d.mendefinisikan
teks digaris bawahi
4)Tuliskan skrip HTML untuk menampilkan
daftar menu berikut ini!

Jawab:
<html>
<head>
<title>unordered
lish</title>
</head>
<body>
Daftar perangkat Komputer
<ol type="A">
<li>Perangkat Input</li>
<ul type="square">
<li>Mouse</li>
<li>Scanner</li>
<li>Keyboard</li>
<li>Microphone</li>
</body>
</html>
5)Tuliskan skrip HTML untuk menampilkan
tabel berikut ini!

Jawab:
<html>
<head>
<title>Tabel Dengan Rowspan</title>
</head>
<body>
<table width="500"border="1">
<tr>
<th scope="col">Benua</th>
<th scope="col">Negara</th>
</tr>
<tr>
<td rowspan="4">ASIA</td>
<td>Arab Saudi</td>
</tr>
<tr>
<td>India</td>
</tr>
<tr>
<td>Idonesia</td>
</tr>
<tr>
<td>Singapura</td>
</tr>
</table>
</body>
</html>
Langganan:
Komentar (Atom)








