Minggu, 13 November 2016

cara membuat data diri

<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>&nbsp;</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 &copy; tkj1-rewangsiti.co.id
</font>
</td>
</tr>
</table>
</form>
</body>
</html>

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 :

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&copy;septiyani.com</strong></font><font color="#9966CC" size="+2">&nbsp;</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&copy;septiyani.com</strong></font><font color="#9966CC" size="+2">&nbsp;</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&copy;rewangsiti.com</strong></font><font color="#9966CC" size="+2">&nbsp;</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&copy;rewangsitisepiyani.com</strong></font><font color="#9966CC" size="+2">&nbsp;</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&copy;rewang siti.com</strong></font><font color="#9966CC" size="+2">&nbsp;</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&copy;rewangsitiseptiyani.com</strong></font><font color="#9966CC"

size="+2">&nbsp;</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&copy;rewangsitiseptiyani.com</strong></font><font color="#9966CC"

size="+2">&nbsp;</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>&nbsp;</p>
<p>ISI DARI HALAMAN WEB
</p></td>
</tr>
<tr>
<td height="30"align="center"bgcolor="#FF8C00">
<font size="+2">copyright&copy;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>


 

Rewang Siti Septiyani Published @ 2014 by Ipietoon

Blogger Templates