Postingan

Menampilkan postingan dari 2018

Latihan 14

Gambar
Yang dibuat dinotepad <html> <head> <title> Membuat Forum HTML</title> </head> <body> <form method=post action="visimisi.html"> Nama : <input type=text name=nama><br> Progdi : <br> <input type=radio name="Progdi" value="SI" checked>Sistem Informasi<br> <input type=radio name="Progdi" value="TI" checked>Teknik Informasi<br> Hobi : <br> <input type=checbox name="baca" value="ya" checked>membaca<br> <input type=checbox name="or" value="ya" checked>olah raga<br> <input type=checbox name="musik" value="ya" checked>dengar musik<br> Umur : <select nama=umur> <option value=20>20 <option value=21>21 <option value=22>22 </select><br> Komentar : <br> <textarea name="Komentar...

Latihan 13

Gambar
Yang dibuat dinotepad <html>   <head>    <title>Latihan Frame</title>    <base target="utama"> </head>   <frameset rows="20%,80%" bordercolor="yellow">   <frame src="judul.htm" noresize>     <frameset cols=30%,70% bordercolor="gray">     <frame src="menu.htm" bordrcolor="silver">     <frame src="isi.htm" scrolling="yes" name="utama">   </frameset> </frameset> </html> Hasilnya

Latihan 12 G

Gambar
Yang dibuat dinotepad <html> <head>  <title></title> </head> <body> <p>ABSENSI MISI-01</p> <table border="1" width="200" cellpadding="10">  <tr>   <td rowspan="2">NO</td>   <td rowspan="2">NIM</td>   <td rowspan="2">NAMA MAHASISWA</td>   <td colspan="5">PERTEMUAN</td>   <td rowspan="2">TUGAS</td>   <td rowspan="2">MID</td>   <td rowspan="2">UAS</td>   <td colspan="4">KET</td>  </tr>  <tr>   <td>1</td>   <td>2</td>   <td>3</td>   <td>4</td>   <td>5</td>   <td>A</td>   <td>I</td>   <td>H</td>   <td>S</td>  </tr>  <tr>   <td width="40" align="center...

Latihan 12 F

Gambar
Yang dibuat dinotepad <html> <head>   <title>Table</title> </head> <table border="2" width="200" cellpadding="10">  <tr>  <td rowspan="2">A</td>  <td>B</td>  <td>C</td>  </tr>  <tr>   <td>E</td>   <td>F</td>   </tr> </table> </html> Hasilnya

Latihan 12 E

Gambar
Yang dibuat dinotepad <html> <head>   <title>Table</title> </head> <table border="2" width="200" cellpadding="10">  <tr>  <td colspan="3">A</td>  </tr>  <tr>   <td>D</td>   <td>E</td>   <td>F</td>   </tr> </table> </html> Hasilnya

Latihan 12 D

Gambar
Yang dibuat dinotepad <html> <head>   <title>Table</title> </head> <table border="7"> <tr height="40"> <td width="150" align="left" valign="top">Kiri Atas</td> <td width="250" align="right" valign="middle">Kanan Tengah</td> </tr> <tr height="80"> <td width="150" align="right" valign="bottom">Kanan Bawah</td> <td width="250" align="Center" valign="middle">Tengah Tengah</td> </tr> </table> </html> Hasilnya

Latihan 12 C

Gambar
Yang dibuat dinotepad <html> <head>   <title>Table</title> </head> <table border="7"> <tr height="40"> <td width="150">kolom 1 dari baris 1</td> <td width="250">kolom 2 dari baris 1</td> </tr> <tr height="80"> <td width="150">kolom 1 dari baris 2</td> <td width="250">kolom 2 dari baris 2</td> </tr> </table> </html> Hasilnya

Latihan 12 B

Gambar
Yang dibuat dinotepad <html> <head>   <title>Table</title> </head> <table border="1" cellspacing="10" cellpadding="10"> <tr> <td>kolom 1 dari baris 1</td> <td>kolom 2 dari baris 1</td> </tr> <tr> <td>kolom 1 dari baris 2</td> <td>kolom 2 dari baris 2</td> </tr> </table> </html> Hasilnya

Latihan 12 A

Gambar
Yang dibuat di notepad <html> <head>   <title>Table</title> </head> <table border="2" cellspacing="10"> <tr> <td>kolom 1 dari baris 1</td> <td>kolom 2 dari baris 1</td> </tr> <tr> <td>kolom 1 dari baris 2</td> <td>kolom 2 dari baris 2</td> </tr> </table> </html> Hasilnya

Latihan 11 E

Gambar
Yang dibuat di notepad <html>  <head>   <title> Image</title>  </head>  <body background="MKPK.png">  <p align="center"><font color="white" face="Times New Roman" size="15%"><b>IMAGE SEBAGAI BACKGROUND</b></font></p>  </body> </html> Hasilnya

Latihan 11 D

Gambar
Yang dibuat dinotepad <html>  <head>   <title> Image</title>  </head>  <body>  <p align="center"><font color="red" face="Times New Roman" size="15%"><b>IMAGE SEBAGAI LINK</b></font></p>  <a href="biodata.html"><img src="MKPK.png"></a>  </body> </html> Hasilnya

Latihan 11 C

Gambar
Yang dibuat di notepad <html>  <head>   <title> Image</title>  </head>  <body>  <p align="center"><font color="red" face="Times New Roman" size="15%"><b>IMAGE MEMAKAI UKURAN</b></font></p>  <img src="MKPK.png" width="400" height="500">  </body> </html> Hasilnya

Latihan 11 B

Gambar
Yang Dibuat Di Notepad <html>  <head>   <title> Image</title>  </head>  <body>  <p align="center"><font color="red" face="Times New Roman" size="15%"><b>IMAGE BORDER</b></font></p>  <img src="MKPK.png" border="10">  </body> </html> Hasilnya

Latihan 11 A

Gambar
Yang dibuat di Notepad <html>  <head>   <title>Image</title>  </head>  <body>  <p align="center"><font color="red" face="Times New Roman" size="15%"><b>IMAGE SEBAGAI KETERANGAN</b></font></p>  <a href="#"><IMG SRC="MKPK.png" TITLE="Poster">  </body> </html> Hasilnya

Latihan 10 D

Gambar
Yang di buat di notepad <HTML> <HEAD> <TITLE>Visi-Misi</TITLE> </HEAD> <BODY bgcolor="white"> <p align="right"><a href="Latihan10.html"><font color="Black">HomePage</a></font></p> <h2><p align="Center">Manajemen Informatika (D3)</h2></p> <hr color="red" size="11"> <br><b><p align="Center">Visi</br></b> <br><p align="Center">"Terwujudnya lulusan yang berjiwa wirausaha dalam bidang rekayasa perangkat lunak di tahun 2025"</br> <br><b><p align="Center">Misi</br></b> <br> <ol type="1"> <li>Melaksanakan pendidikan dan pengajaran yang berkualitas,berkarakter dan berdaya saing pada bidang komputerisasi Akuntansi.</li> <li>Menyelanggarakan pendidikan profe...

Latihan 10 C

Gambar
Yang di buat di notepad <HTML> <HEAD> <TITLE>Visi-Misi</TITLE> </HEAD> <BODY bgcolor="white"> <p align="right"><a href="Latihan10.html"><font color="Black">HomePage</a></Font></p> <h2><p align="Center">Komputerisasi Akuntansi (D3)</h2></p> <hr color="red" size="11"> <br><b><p align="Center">Visi</br></b> <br><p align="Center">"menjadikan lulusan yang profesional dalam bidang komputerisasi Akuntansi pada tahun 2026"</br> <br><b><p align="Center">Misi</br></b> <br> <ol type="1"> <li>Melaksanakan pendidikan dan pengajaran yang berkualitas,berkarakter dan berdaya saing pada bidang komputerisasi Akuntansi.</li> <li>Menyelenggarakan kegiatan penelitian ...

Latihan 10 B

Gambar
Yang di buat di notepad <HTML> <HEAD> <TITLE>Visi-Misi</TITLE> </HEAD> <BODY bgcolor="white"> <p align="Right"><a href="Latihan10.html"><font color="Black">HomePage</a></font></p> <h2><p align="Center"> Sistem Informasi</h2></p> <hr color="red" size="11"> <br><b><p align="Center">Visi</br></b> <br><p align="Center">"Terciptanya lulusan yang Profesional dibidang Sistem informasi pada tahun 2024</br> <br><b><p align="Center">Misi</br></b> <br> <ol type="1"> <li>Melaksankan Pendidikan dan Pengajaran yang berkualitas,Berkarakter dan berdaya saing.</li> <li>Melakukan penelitian yang relevan dengan bidang ilmu sistem informasi dan perkembangan teknologi saat...

Latihan 10 A

Gambar
Yang di buat di notepad <html> <head> <title>Stimik Ichsan Gorontalo</title> </head> <body bgcolor="white" text="black"> <h1><p align="Center"><font face="arial">Selamat datang di Situs Stimik Ichsan Gorontalo</h1></font></p><hr size="9" color="black"> <br><p align="Center"><face="Times New Roman">Silahkan Klik Jurusan di bawah ini untuk melihat Visi-Misi dari Jurusan Yang ada di Stimik Ichsan Gorontalo</p></br> <table border="5" cellpadding="50"> <tr> <td><font face="arial"><a href="Latihan10B.html"><font color="Black">Sisitem Informasi (S1)</a></font></td> <td><a href="Latihan10C.html"><font color="Black">Komputerisasi akuntansi (D3)</a></f...

Latihan 9 C

Gambar
Yang dibuat di notepad <html> <head> <title> Link Atau Kaitan </title> </head> <body> <p align="right"><a href="Latihan9.html">HAL.1</a> | <a href="Latihan9B.html">HAL.2</a> | <a href="Latihan9C.html">HAL.3</a> <hl><p align="center"><font color="black" face="Times New Roman" size="3"><b>Inilah Biodataku....</font></b></p></hl><br> <ol type="1"> <li>Nama : Muhammad Nabil <li>Tempat/Tanggal Lahir : Jakarta 21/05/1999 <li>Nama Orang Tua <ol type ="a"> <li>Ayah : Syarif Hidayat <li>Ibu : Rahmawati Utami </ol> <li>Pendidikan <ol type ="i"> <li>SD : SD LAB UNG <li>SMP :YAPIDH <li>SMK :SMK N 2 GORONTALO <li>Perguruan Tinggi : STMIK ICHSAN GORONTALO ...

Latihan 9 B

Gambar
Yang dibuat di Notepad <html> <head> <title> Link Atau Kaitan </title> </head> <body bgcolor="gold"> <p align="right"><a href="Latihan9.html">HAL.1</a> | <a href="Latihan9B.html">HAL.2</a> | <a href="Latihan9C.html">HAL.3</a> <hl><p align="center"><font color="blue" face="times new roman" size="5"><b>Mengutak-atik Font</font></b></p></hl><br> <font face="times new roman" size="4" color="blue"><b>Daftar Definisi</b></font><br> <font face="times new roman" size="3" color="blue">Internet</b></font><br> <font face="Comic Sans" size="2" color="blue"><p align="justify">Singkatan dari <i>interc...

Latihan 9 A

Gambar
Yang dibuat di notepad <html> <head> <title> Link Atau Kaitan </title> </head> <body> <p align="right"><a href="Latihan9.html">HAL.1</a> | <a href="Latihan9B.html">HAL.2</a> | <a href="Latihan9C.html">HAL.3</a> <hl><p align="center"><font color="black" face="Times New Roman"><b>Selamat Datang di proyek Pertama!</font></b></p></hl><br> Hasilnya

Latihan 8 D

Gambar
Yang di kerjakan di notepad <html> <head> <title>Bullets And Numbering</title> </head> <body bgcolor="black"> <br><font color="white" face="arial"><b>Nama - Nama Fakultas :</b></font> <ol type="I"> <font color="#00Ffff" face="Times New Roman"><li><b>FAKULTAS TEKNIK</b> <ol type="A"> <font color="red" face="arial"><li><i><b>Teknik Informatika</b></i> <ol type="1"> <font color="#ffffff"  face="arial"><li><b>Ilmu Komputer</b></li> <font color="#ffffff"  face="arial"><li><b>Sistem Informasi</b></li> <font color="#ffffff"  face="arial"><li><b>Manajemen Informatika</b></li> </ol></...

Latihan 8 C

Gambar
Yang di kerjakan di notepad <ul type="square"> <li>item pertama <li>item kedua <ul type ="disc"> <li>sub item pertama <li>sub item kedua <ul type="circle"> <li>sub sub item pertama <li>sub sub item kedua <li>sub sub item ketiga </ul> <li>sub item ketiga </ul> <li>item ketiga </ul> Hasilnya

Latihan 8 B

Gambar
Yang di kerjakan di notepad <ol type="1"> <li>item pertama <li>item kedua <ol type ="A"> <li>sub item pertama <li>sub item kedua <ol type="I"> <li>sub sub item pertama <li>sub sub item kedua <li>sub sub item ketiga </ol> <li>sub item ketiga </ol> <li>item ketiga </ol> Hasilnya

Latihan 8 A

Gambar
Yang di kerjakan di notepad <ul> <li>item pertama</li> <li>item kedua</li> <li>item ketiga</li> </ul> <ol> <li>item pertama</li> <li>item kedua</li> <li>item ketiga</li> </ol> Hasilnya

Latihan 7 B

Macam-Macam Font 1.Calibri : Sistem Informasi 2.Times New Roman : Sistem Informasi 3.american Captain : Sistem Informasi 4 . 28 Days Later : Sistem Informasi 5.cOMMANDo : Sistem Informasi 6. Comic Sans MS : Sistem Informasi 7. Brush Script Std : Sistem Informasi 8. Blackadder ITC : Sistem Informasi 9. Algerian : Sistem Informasi 10. Castellar : Sistem Informasi 11. Curlz MT : Sistem Informasi 12. Chiller : Sistem Informasi 13. DeathRattle BB : Sistem Informasi 14. Devil Breeze : sistem Informasi 15. Coneria Script Demo : Sistem Informasi 16. DFPOP1-W9 : Sistem Informasi 17. Elephant : Sistem Informasi 18. Ethnocentric Rg : Sistem Informasi 19. Germania Shadow : Sistem Informasi 20. Giddyup Std : Sistem Informasi 21. GoGoPosterPunch : Sistem Informasi 22. Harlow Solid Italic : Sistem Informasi 23. Jokerman : Sistem Informasi 24. Krinkes Decor : Sistem Informasi 25. la Chatte à Maman : Sistem Informasi 26. Kun...

Latihan 7 A

Gambar
Yang di kerjakan di notepad <html> <head> <title>Contoh Superscript dan Subscript</title> </head> <body> <b><u>Contoh Teks Subscript Kimia</b></u> <p>Rumus Air : H<sub>2</sub>O <p>Rumus Etanol : C<sub>2</sub>H<sub>5</sub>OH <p>Rumus Glukosa : C<sub>6</sub>H<sub>12</sub>O<sub>6</sub> <p>Rumus Perak Nitra : AgNO<sub>3</sub> <p>Rumus Kalsium Nitra : Ca(NO<sub>3</sub>)<sub>2</sub> <p>Rumus Kalium Sulfat : K<sub>2</sub>SO<sub>4</sub> <p>Rumus Magnesium Hidroksida : Mg(OH)<sub>2</sub> <p>Rumus Kalsium Karbonat : CaCO<sub>3</sub> <p>Rumus Propanon : C<sub>3</sub>H<sub>6</sub>O <p>Rumus Tembaga (II) Sulfat : CuSO<sub>4</sub> <p><b><u>Contoh Teks  S...

Latihan 6 B

Gambar
Yang dikerjakan dinotepad <html> <head> <title>VISI MISI PERJURUSAN</title> <body bgcolor="gold"> <font face="times new roman" size="5" color="green"> <p align="center">  <b>VISI - MISI</font> </b> <p> <font face="times new roman" size="4" color="green"> <p align="center">  <b>PROGRAM STUDI STMIK ICHSAN GORONTALO</b> </font> <hr> <br> <font face="arial" size="4" color="gray"> <p align="center">S1 - SISTEM  INFORMASI</font> <br> <font face="times new roman" size="5" color="red"> <p align="center">  VISI</font> <font face="times new roman" size="4" color="black"> <p  align="center">"Terciptanya lulu...

Latihan 6 A

Gambar
Yang Di kerjakan Di notepad <!DOCTYPE html> <html> <head> <title>contoh pengaturan font</title> </head> <body bgcolor="black"> <font color="red"><h2><b><marquee>Visi dan Misi STMIK ICHSAN  GORONTALO</marquee></b></h2></font> <hr></hr> <center> <font color="red"><h2>VISI</h2></font> </center>  <font face="arial" size="3" color="white"><h3><p  align="center">Terwujudnya Perguruan Tinggi Berkualitas Berkarakter dan  Bedaya Saing Nasional 2030 di Bidang Sistem Informasi, Manajemen  Informatika dan Komputerisasi Akuntansi. </p></h3></font> <center> <font color="red"><h2>MISI</h2></font> </center> <font face="aharoni" color="white"> <p align="cen...

Latihan 5 D

Gambar

Latihan 5 C

Gambar
Yang Di Kerjakan Di Notepad <html> <head> <title>contoh penataan paragraf</title> </head> <body> <p align="center">Pembukaan UUD 1945  Republik Indonesia</p> <p align="center">"Bahwa sesungguhnya kemerdekaan itu ialah hak segala bangsa dan oleh sebab itu, maka penjajahan diatas dunia harus dihapuskan karena tidak sesuai dengan perikemanusiaan dan perikeadilan."</p> <p align="right">"Bahwa sesungguhnya kemerdekaan itu ialah hak segala bangsa dan oleh sebab itu, maka penjajahan diatas dunia harus dihapuskan karena tidak sesuai dengan perikemanusiaan dan perikeadilan."</p> <p align="center">"Atas berkat rahmat Allah Yang Maha Kuasa dan dengan didorongkan oleh keinginan luhur, supaya berkehidupan kebangsaan yang bebas, maka rakyat Indonesia menyatakan dengan ini kemerdekaannya."</p> <p align="justify...

Latihan 5 B

Gambar
Yang Di kerjakan Di Notepad <html> <head> <title> Contoh Penataan Paragraf </title> </head> <body> <p>STMIK ICHSAN GORONTALO <p align="center">Sistem Informasika <p align="right">Manajemen Informasika <p align="justify">Komputerisasi Akuntansi <pre> akan tampil apa adanya </pre> </body> </html> Hasilnya

Latihan 5 A

Gambar
Yang Di Kerjakan Di Notepad <html> <head> <title> Tipe-tipe Header </title> </head> <body> <h1>STMIK ICHSAN GORONTALO</h1> <h2>STMIK ICHSAN GORONTALO</h2> <h3>STMIK ICHSAN GORONTALO</h3> <h4>STMIK ICHSAN GORONTALO</h4> <h5>STMIK ICHSAN GORONTALO</h5> <h6>STMIK ICHSAN GORONTALO</h6> </body> </html> Hasilnya

Latihan 5

Gambar
Yang Di kerjakan Di Noptepad <html> <head> <title> Tipe-Tipe Teks </title> </head> <body bgcolor="black"> <font color="green"><marquee><b>STMIK ICHSAN GORONTALO</b></marquee></font> </body> <br><hr></hr> <font color="blue"><i>1.Sistem Informasi</i><br></font> <font color="pink"<b>2.Manajemen Informasika</b><br></font> <font color="brown"<br><i>3.Komputerisasi Akuntansi</i></font> </br> </body> </html> Hasilnya

Latihan 4 Pemograman Web

1.HTML -Elemen ini mengandung keseluruhan dokumen HTML, yang berarti tag pembuka elemen HTML merupakan tanda awal dokumen HTML, dan tag penutup adalah tanda akhir dokumen. 2.HEAD -Elemen head pada dokumen digunakan untuk menguraikan berbagai meta data (informasi yang berkaitan dengan dokumen), judul dokumen, dan tautan dokumen ke berkas-berkas eksternal. Berbagai data yang ada di dalam elemen head tidak akan nampak pada halaman web hasil tampilan browser. 3.TITLE -Memberikan judul dokumen. 4.BODY -Elemen ini merupakan penampung dari isi konten dokumen yang akan ditampilkan kepada pengguna.

Latihan 3 Pemograman Web

Gambar
Yang dikerjakan dinotepad Hasilnya

Latihan 2 Pemograman Web

Gambar
Yang dikerjakan dinotepad Hasilnya

Latihan 1 Pemograman Web

Gambar
Yang dikerjakan dinotepad Hasilnya