Rabu, 16 November 2016

Video

Posted on 23.23by with No comments
<html>
<head>
<title>cek video</title>
</head>
<body>
<video controls>
<source src="VID_20161112_144055.3gp" type="video/3gp">
</video>
</body>
</html>

Image

Posted on 23.18by with No comments
<html>
<head>
<title>gambar</title>
</head>
<body>
<p>latihan menampilkan gambar</p>
<img src="IMG_2089.jpg"/>
</body>
</html>

Music WAV

Posted on 23.17by with No comments
<html>
<head>
<title>cek suara</title>
</head>
<body>
<audio controls>
<source src="threesixty-skatepunk_threesixty-dewi.wav" type="audio/wav">
</audio>
</body>
</html>

Music Ogg

Posted on 23.15by with No comments
<html>
<head>
<title>cek suara</title>
</head>
<body>
<audio controls>
<source src="threesixty-skatepunk_threesixty-dewi.ogg" type="audio/ogg">
</audio>
</body>
</html>

Music Mp3

Posted on 23.14by with No comments
<html>
<head>
<title>cek suara</title>
</head>
<body>
<audio controls>
<source src="threesixty-skatepunk_threesixty-dewi.mp3" type="audio/mp3">
</audio>
</body>
</html>


Kamis, 06 Oktober 2016

bottom index

Posted on 18.05by with No comments
kali ini saya mencoba berlatih membuat bottom index seperti gambar dibawah ini.
bagaimana cara membuat script seperti diatas ini carannya, klik gambar download dibawah ini, maaf jika scriptnya tidak rapi/belum rapi.
http://adf.ly/1ef3Xq

Top Index

Posted on 18.05by with No comments
Kali Ini Saya Membuat Script TOP INDEX seperti Dibawah Ini, kali ini sangat gampang membuat script top index seperti Dibawah Ini, Lihat Contoh Gambar yang saya buat dibawah ini.

Ingin Membuat Seperti digambar klik gambar download dibawah ini.
http://adf.ly/1ef3NH

Selasa, 04 Oktober 2016

Layout Split

Posted on 03.34by with No comments
Daripada Ditinggal Tiduran,You tube'an Saya Pun Memutuskan Membaut Lay Out Split Didalam Buku Paket Pemrograman Web Saya, Saya Mencoba Sedikit Demi Seikit Scriptnya Untuk Membuat Lay out split Seperti Dibawah Ini,Lihat Dan Klik Gambar Dibawah Ini Jika Kurang Jelas.
Ingin Membuat Script Seperti Diatas? Klik Gambar Download Dibawah Ini.
http://adf.ly/1ef1X0

Left Index

Posted on 03.34by with No comments
Kali Ini Saya Disuruh Mengerjakan Tugas Oleh Guru Saya,Kali Ini Saya Membuat ScriptIni Gampang Karena Membuat Script Ini Hanya Melihat Dibuku Sedangkan Tidak Berfikir,Saya Menoba Sekali Langsung Jadi, Contoh Gambar Dibawah Ini.
Jika Ingin Membuat Left Index Seperti Diatas Klik Gambar Download Di bawah Ini, Semoga Bermanfaat, Dan Terima Kasih Telah Mengungjungi BLOGGER saya.
http://adf.ly/1ef1Dy

Tabel bersarang

Posted on 03.34by with No comments
Kemarin Tanggal 04-10-2016, Saya Mencoba Membuat Tabel Didalam Tabel Dengan Menggunakan Notepad,Dengan Membuat Script HTML,Setelah Berfikir Jernih Dan Setelah Lama Berfikir Saya Berhasil Membuat Tabel Seperti Dibawah,Namun Saya Belum Puas Membuat HTML Untuk Membuat Tabel Didalam Tabel Seperti Gambar Di bawah Karena Tergaet Saya Membuat Sendiri, Tetapi Membuat Tabel Didalam Tabel Tersebut Masih Dibantu Oleh Kakak Saya Dan Inilah Hasil Percobaan Saya :

Jika Ingin Membuat Tabel Bersarang Seperti Di Atas Klik Gambar Download Dibawah Ini, Terimak Kasih.

http://adf.ly/1eXKHF

Tabel Rumit

Posted on 03.09by with No comments
Tabel Didalam Tabel,Kali Ini Saya Disuruh Membuat Tabel Didalam Tabel,Membau Tabel Seperti Dibawah Perlu Ketenangan Yang Sangat Tinggi, Dan Tidak Emosi, Jika Saya Pikir Membuat HTML itu Tidak Sekali Jadi, Dicoba 1 per 1 Menurut Saya Membuat HTML Itu Tidak Sulit Jika Sering Berlatih,Dan Saya Mencoba Membuat Tabel Rumit Dibawah Dengan Ketenangan Saya Dan Akhirnya Berhasil Seperti Gambar Di bawah ini :
Dan Lalu Bagaimana Cara Membuat HTML Tabel Rumit Seperti Diatas?Klik Gambar Download Dibawah Ini.

http://adf.ly/1eXJYX


Jumat, 30 September 2016

Tabel Didalam Tabel

Posted on 04.57by with No comments
Kali Ini Saya Akan Mengupload Cara Membuat Tabel Bersarang Dibawah Ini,Kali Ini Menurut Saya Membuatnya Lebih Mudah Daripada Membuat Tabel Rumit Dan Membuat Tabel Yang Ada Dollar-Dollarnya, Dan Seperti Ini Hasilnya, Lihat Gambar Dibwah Ini, Seperti Itulah Contoh Yang Saya Buat,Benar Atau Tidaknya Saya Tidak Tahu, Yang Penting Bagi Saya Itu Hasil Buatan Sendiri.

Seperti Itulah Jadinnya HTML yang Saya Buat Dengan Mencoba Sendiri, Jika Ingin Membuat Seperti Gambar Diatas Klik Gambar Download Dibawah.

http://adf.ly/1eXLmk

Tabel Didalam Tabel

Posted on 04.43by with No comments
Mengenai Tabel Dibawah : Kali Ini Saya Belajar Membuat Tabel HTML yang diajarkan oleh guru saya,Saya Ingin Mengupload Tentang Hasil Belajar Html Saya. Lihat Contoh Gambar  Di bawah ini.
Seperti Itu Contoh Tabel Didalam Tabel Tersebut, Jika Ingin Membuat Seperti Tabel Tanpa Harus Membuat Script, Klik Download DibawaH ini

http://adf.ly/1eQCu3


Tabel Didalam Tabel

Posted on 04.43by with No comments
Mengenai Tabel Didalam Tabel : Kali Ini Saya Akan Mengupload Membuat Tabel Didalam Tabel, Guru Saya Mengajari Tentang Cara Membaut Tabel, Lihat Gambar Di Bawah Ini, Cuma Gambar, Tidak Dengan Scriptnya.

Jika Ingin Mengetahui Membuat, TABEL seperti Digambar diatas silahkan Klik link Download Dibawah Ini.

http://adf.ly/1eQA7U


Kamis, 08 September 2016

Tugas Table Dan Spaning

Posted on 19.06by with No comments
<html > 
<head> 
<title>Tabel dengan Colspan</title> 
</head>  
<body> 
<table width="500" border="1"> 
  <tr> 
    <th scope="col">Apel </th> 
    <th rowspan="4" scope="col">Jeruk </th>
    <th colspan="4" scope="col">Mangga </th>  
  </tr>
  <tr>
    <th scope="col">Pisang </th> 
    <th colspan="4" scope="col">Nanas </th> 
  </tr>
  <tr>
    <td>Leci</td>
  </tr>
</table> 
</body> 
</html> 

Tugas Table Dan Spaning

Posted on 18.41by with No comments
<html>
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="col">Perumahan</th>
<th colspan="4" scope="col">Tipe / Luas
tanah (m<sup>2</sup>) </th>
</tr>
<tr>
<td>Griya Indah Permai </td>
<td>21/60</td>
<td>36/90</td>
<td>45/120</td>
<td>54/120</td>
</tr>
</table>
</body>
</html>

Tugas Table Dan Spaning

Posted on 18.37by with No comments
<html >
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1" >
    <th scope="col">Benua</th>
    <th colspan="2" scope="col">Eropa </th>
    <th colspan="4" scope="col">Asia </th>
  </tr>
  <tr>
    <td>Negara </td>
    <td>Belanda </td>
    <td>Italia </td>
    <td>Indonesia </td>
    <td>India </td>
</table>
</body>
</html>

Tugas Tabel Dan Spaning

Posted on 17.54by with No comments
<head>
<title>Tabel Dengan Rowspan </title>
</head>
<body>
<table width ="500" border ="1">
<tr>
<th scope ="col">Benua </th>
<th scope ="col">Eropa </th>
</tr>
<tr>
<td rowspan ="4">Negara </td>
<td>Arab saudi </td>
</tr>
<tr>
<td>India</td>
</tr>
<tr>
 <td>Indoensia </td>
</tr>
<tr>
 <td>Singapura </td>
</tr>
<td rowspan ="4"> Eropa </td>
<td>Belanda </td>
</tr>
<tr>
<td>Italia</td>
</tr>
<tr>
 <td>Inggris </td>
</tr>
<tr>
 <td>Jerman </td>
</tr>
</table>
</body>


Tugas Tabel Dan Spaning

Posted on 17.50by with No comments
<html>
<head>
<title>Tabel Dengan Rowspan </title>
</head>
<body>
<table width ="500" border ="1">
<tr>
<th scope ="col"> Nama Perumahan </th>
<th scope ="col">Tipe / luas tanah (m<sup>2</sup>) </th>
</tr>
<tr>
<td rowspan ="4"> Griya Indah Permai </td>
<td>21 / 60 </td>
</tr>
<tr>
<td>36 /90 </td>
</tr>
<tr>
 <td>45 / 120 </td>
</tr>
<tr>
 <td>54 / 120 </td>
</tr>
</table>
</body>
</html>


Kamis, 01 September 2016

Membuat Tabel Dan Kolom

Posted on 19.32by with No comments
<html>
<head>
<title> penggunaan ALIGN</title>
</head>
<body>
<table border="1">
<caption> daftar wiraniraga</caption>
<tr>
<th colspan="2" rowspan ="2">WIRANIAGA</th>
<th coslpan ="3">KOTA</th>
</tr>
<tr>
<th>SEMARANG</th>
<th Kudus</th><th>solo</th>
<tr>
<tr>
<th rowspan ="2">Jenis kelamin </th>
<th>Pria</th>
<th Align = "right">30</td>
<td Allign= "right">20</td>
<td Align = "right">30</td>
</tr>
<tr>
<th>wanita </th>
<td Align ="right">20</td>
<td Align ="right">8</td>
<td Align ="right">18</td>
</tr>

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


Membuat Tabel Dan KOLOM

Posted on 19.31by with No comments

<html>
<head>
<title>table</title>
</head>
<body>
berikut contoh tabel dengan rowspan dan colspan
<table width=50% border=2 cellspacing=0 cellpadding=0>
<tr>
<td bgcolor=green>baris 1 kolom 1</td>
<td bgcolor=#ff6633>baris 1 kolom 2</td>
</tr>
<tr>
<td bgcolor=#ff333> colspan =2>baris 2 kolom 1</td>
</tr>
<tr>
<td rowspan =2 baris 3 kolom 1</td>
<td bgcolor=#cc6600> baris 3 kolom 2</td>
</tr>
</table>
</body>
</html>


Membuat Tabel Dan Kolom

Posted on 19.30by with No comments
<html>
<head>
<title>Membuat Table Dan Kolom</title>
</head>
<body>
<table border=1 bgcolor=green>
<tr bgcolor=orange>
<td bgcolor=#ff333> data baris 1 kolom 1</td>
<td bgcolor=#ff333> data baris 1 kolom 2</td>
<td bgcolor=#ff333> data baris 1 kolom 3</td>
</tr>
<tr bgcolor=orange>
<td bgcolor=#ff6633> data baris 2 kolom 1</td>
<td bgcolor=#ff6633> data baris 2 kolom 2</td>
<td bgcoloe=#ff6633> data baris 2 kolom 3</td>
</tr>
<tr bgcolor=orange>
<td bgcolor=#cc6600> data baris 3 kolom 1</td>
<td bgcolor=#cc6600> data baris 3 kolom 2</td>
<td bgcolor=#cc6600> data baris 3 kolom 3</td>
</body>
</html>


Tugas Anatomi Dokumen Web 3

Posted on 05.38by with No comments
<html>
<head>
<tittle>Paragraf</tittle>
</head>
<body>
 <p> Saya Yusuf zaenal cahbib Saya Sering Dipanggil Caca Hoby Saya Futsal Saya Ingin Menjadi Pemain Terkenal seperti GRIEZMAN Saya Lahir Di Boyolali Pada Tanggal 26 Mei 2000</p>
<p> Termia Kasih Kepada Kedua Orang Tua Saya Yang Telah Membesarkan Saya Hingga Gemuk seperti Sekarang Ini </p>
</body>
</html>
 
 

Tugas Anatomi Dokumen web 2

Posted on 05.26by with No comments
TUGAS ANATOMI DOKUMEN WEB 2
<html>
<head>
       <title>Heading</title>
</head>
<body>
       <h1>This is heading 1 Yusuf Zaenal Chabib</h1>
       <h2>This is heading 2 X-TKJ 2</h2>
       <h3>This is heading 3 34</h3>
       <h4>This is heading 4 FUTSAL</h4>
       <h5>This is heading 5 SMK Karya Nuagraha Boyolali</h5>
       <h6>This is heading 6 Menjadi Hacker Yang Bertanggung Jawab</h6>
</body>
</html> 
 

List Kombinasi 2

Posted on 05.21by with No comments
<html>
<head>
</head>
<body>
<ol type="A">
<li>Perangkat Input
<ul>
<li>Mouse</li>
<li>Keyboard</li>
<li>Microphone</li>
<li>Scanner</li>
<li>Finger Print</li>
<li>Graphic Pad</li>
<li>Light Pan</li>
<li>Camera Digital</li>
<li>Web Cam</li>
</ul>
</li>
<li>Perangkat Output
<ul type="square">
<li>Monitor</li>
<li>Printer</li>
<li>Plotter</li>
<li>Proyektor</li>
</ul>
</li>
</ol>
</body>
</html>

Sabtu, 27 Agustus 2016

Format Teks

Posted on 03.54by with No comments
<html>
<head><title>unordered list</title>
</head>
<body>
<b>Macam - macam  phuriperal</b>
<b>   Perangkat Input  </b>
<ul type="square">
<li>Keyboard</li>
<li>mouse</li>
<li>Touchpad</li>
<li>Light Pen</li>
<li>JoyStick</li>
<li>Barcode</li>
<li>Scanner</li>
<li>Camera Digital</li>
<li>mikrofon</li>
<li>Graphics Pads</li>
<li>Pensil</li>
<b>Macam - macam phuriperal</b>
<b>    Perangkat Output </b>
<li>Monitor</li>
<li>Printer</li>
<li>spiker</li>
<li>proyektor</li>
<li>Plotter</li>
</ul type="square">
</body>
</html>

Kamis, 25 Agustus 2016

Tugas List Kombinasi

Posted on 22.35by with No comments
<html>
<head>
<title>list kombinasi</title>
</head>
<body>
<ol type="1">
<li>Landasan Hukum / Legal Operasional</li>
<li>Aspek Institusional</li>
<li>Cakupan Pelayanan</li>
<li>Aspek Teknis dan Teknologi</li>
<ol type="a">
<li>Tempat Penampungan Sementara (TPS)</li>
<li>Tempat Pemprosesan Akhir (TPA)</li>
</ol>
<li>Peran serta Masyarakat dan Jender dalam Pengolahan Sampah</li>
<li>Permasalahan dalam Pengolahan Sampah</li>
</li>
</ol>
</body>
</html>

Tugas List Kombinasi

Posted on 22.29by with No comments
<html>
<head>
<title>list kombinasi</title>
</head>
<body>
<H2>Tipe-tipe Tulisan Sandi
<ol type="1">
<li> Sandi Abjad / Samdi Balik</li>
<li>Sandi Koordinat</li>
<li>Sandi Angka</li>
<li>Sandi Napoleon</li>
<li>Sandi Morse</li>
<ul>
<li>Sandi Rumput</li>
<li>Sandi Bangun ( Bentuk)</li>
<li>Sandi Kimia</li>
<li>Sandi Morse 1</li>
</ul>
<li>Sandi Semaphore</li>
<li>Sandi Jam</li>
<li>Sandi Nomer</li>
<li>Sandi Geser</li>
<li>Sandi Naik Turun Tingkat</li>
</li>
</ol>
</body>
</html>

Sabtu, 20 Agustus 2016

Tugas Unordered List

Posted on 18.05by with No comments

<html>
<head><title>unordered list</title>
</head>
<body>
<b>Macam - macam  phuriperal</b>
<b>   Perangkat Input  </b>
<ul type="circle">
<li>Keyboard</li>
<li>mouse</li>
<li>Touchpad</li>
<li>Light Pen</li>
<li>JoyStick</li>
<li>Barcode</li>
<li>Scanner</li>
<li>Camera Digital</li>
<li>mikrofon</li>
<li>Graphics Pads</li>
<li>Pensil</li>
<b>Macam - macam phuriperal</b>
<b>    Perangkat Output </b>
<li>Monitor</li>
<li>Printer</li>
<li>spiker</li>
<li>proyektor</li>
<li>Plotter</li>
</ul type="circle">
</body>
</html>
                                               

Kamis, 18 Agustus 2016

Format Teks

Posted on 23.24by with No comments
                                                 TUGAS FORMAT TEKS 1
 <html>
<head>
<title>Format Teks</title>
</head>
<body>
<p>
<b>Tulisan Ini Ditebalkan (bold)</bold>
</p>
<p>
<strong>tulisan ini ditebalkan
(strong)</strong>
</p>
<p>
<em>Tulisan Ini Miring (emphasize)
</em>
</p>
<p>
<big>tulisan ini besar (big)</big>
</p>
<p>
<i>Tulisan Ini Miring (italic) </i>
</p>
<p>Tulisan Ini
<sub>Subscipt</sub>
</p>
<p>Tulisan Ini
<sup>Superscript</p>
</p>
</body>
</html>
                                                 TUGAS FORMAT TEKS 2
 
 <html>
<head>
<title>preformat</title>
</head>
<body>
<H2>daftar harga keladi : </h2>
<pre>
Red Flash . . . . . 35.000
Red Flash . . . . . 60.000
fanie munson . . . . 60.000
</pre>
Harga Sewaktu-waktu bisa berubah.
</body>
</html>
 
TUGAS FORMAT TEKS 3
<html>
<head>
<title>tag preformat</title>
</head>
<body>
<pre>
This section provides a brief overview of the menus in
Dreamweaver.
    The File menu and edit menu contain the standard menu
    item for file and edit.
menus, such as new, open, save, save all, cut,copy,paste,undo,and redo
</pre>
<pre>
ini adalah
preformated text.
menampilkan     spasi
Dan Line Break apa adannya
</pre>
<p> Tag PRE cocok digunakan untuk menampilkan kode bahasa pemrograman komputer :</p>
<pre>
for i = 1 to 10
    print i
next i
</pre>
</body>
</html> 
                                                  
                                                    TUGAS FORMAT TEKS 4
 <html>
<head>
<title>quotation</title>
</head>
<body>
Tulisa Ini Bukan quotation
<blockquote>
Tuisan Ini Adalah quotation <br>
Tuisan Ini Adalah quotation <br>
Tuisan Ini Adalah quotation <br>
</blockquote>
</body>
</html>


Langkah - langkah membuka aplikasi notepaad

Posted on 19.29by with No comments
TUGAS ORDERED LIS 1
<html>
<head><title>odered list</title>
</head>
<body>
<b>langkah langkah menjalankan aplikasi notepead</b>
<ol>
<li>klik start windows kemudian klik all program</li>
<li>arahkan kursor ke accecories</li>
<li>klik notepad</li>
<li>command prompt berhasil di buka</li>
</ol>
</body>
</html>

                                                      TUGAS ORDERED LIST 2

<html>
<head><title>odered list</title>
</head>
<body>
<b>langkah langkah menjalankan aplikasi notepead</b>
<ol type="A">
<li>klik start windows kemudian klik all program</li>
<li>arahkan kursor ke accecories</li>
<li>klik notepad</li>
<li>command prompt berhasil di buka</li>
</ol>
</body>
</html>

                                                   TUGAS ORDERED LIST 3
 <html>
<head><title>odered list</title>
</head>
<body>
<b>langkah langkah menjalankan aplikasi notepead</b>
<ol type="a">
<li>klik start windows kemudian klik all program</li>
<li>arahkan kursor ke accecories</li>
<li>klik notepad</li>
<li>command prompt berhasil di buka</li>
</ol>
</body>
</html>

                                                  TUGAS ORDERED LIST 4
 <html>
<head><title>odered list</title>
</head>
<body>
<b>langkah langkah menjalankan aplikasi notepead</b>
<ol type="I">
<li>klik start windows kemudian klik all program</li>
<li>arahkan kursor ke accecories</li>
<li>klik notepad</li>
<li>command prompt berhasil di buka</li>
</ol>
</body>
</html>
                                                   TUGAS ORDERED LIST 5
<html>
<head><title>odered list</title>
</head>
<body>
<b>langkah langkah menjalankan aplikasi notepead</b>
<ol type="i">
<li>klik start windows kemudian klik all program</li>
<li>arahkan kursor ke accecories</li>
<li>klik notepad</li>
<li>command prompt berhasil di buka</li>
</ol>
</body>
</html>


Langganan: Komentar (Atom)