tag:blogger.com,1999:blog-26911679836632868312011-07-30T22:49:14.504-07:00LUQMAN PUNYA BLOGM luqman hakimhttp://www.blogger.com/profile/00111656776479756636noreply@blogger.comBlogger61100tag:blogger.com,1999:blog-2691167983663286831.post-48150952774991092652011-03-25T07:36:00.000-07:002011-04-08T08:04:42.110-07:00Form1. TextBox, Inputan Pasword, Tombol submit dan reset<br /><br /><br /><html><br /><body><br /><form><br /> Nama Lengkap : <input type="text" size="30" maxlength="10" name="fieldNama"value=""/><br /> </br></br><br /><br /> Alamat : <input type="text" size="30" maxlength="10" name="fieldAlamat" value=""/><br /> </br></br><br /><br /> Password : <input type="password" size="30" maxlength="10" name="fieldpass" value=""/><br /> </br></br><br /><br /><br /> <input type="submit" value="Save" /><br /> <input type="reset" value="Clear" /><br /> <br /><br /></form><br /></body><br /></html><br /><br /><br />2. CheckBox, Radio Button, Text Area<br /><br /><br /><br /><br /><html><br /><br /><form> <br /><br /> Daftar Hobby </br><br /><br /> <input type="checkbox" name="hoby" value="membaca"/>Membaca <br /><br /> <input type="checkbox" name="hoby" value="memancing"/>Memancing<br /><br /> <input type="checkbox" name="hoby" value="renang" checked/>Renang<br /><br /> <input type="checkbox" name="hoby" value="memancing"/>Sepak Bola<br /><br /> </br></br><br /><br /><br /><br /> Jenis Kelamin</br><br /><br /> <input type="radio" name="jk" value="Laki"/>Pria<br /><br /> <input type="radio" name="jk" value="Perempuan"/>Wanita</br></br><br /><br /> <br /><br /><br /> Komentar :<br /><br /> </br><br /><br /> <textarea name="Komentar" rows="5" cols="25"></textarea></br></br> <br /><br /> </form><br /><br /></html> <br /><br /><br />3. Perbedaan ComboBox dan List Box<br /><br /><br /><br /><html><br /><br />Membuat combobox</br></br><br />Tingkat Pendidikan</br><br /><select name="pend"><br /><option value="sd">SD</option><br /><option value="smp">SMP</option><br /><option value="sma">SMA</option><br /><option value="pt">Perguruaan Tinggi</option><br /></select><br /></br></br></br></br><br /><br /><br /><br />Membuat Listbox</br></br><br />Tingkat Pendidikan</br><br /><select name="pend"multiple/><br /><option value="sd">SD</option><br /><option value="smp">SMP</option><br /><option value="sma">SMA</option><br /><option value="pt">Perguruaan Tinggi</option><br /></select><br /><br /></html><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2691167983663286831-4815095277499109265?l=www.luqmanjob.co.cc' alt='' /></div>M luqman hakimhttp://www.blogger.com/profile/00111656776479756636noreply@blogger.com0tag:blogger.com,1999:blog-2691167983663286831.post-88206132234347906492011-03-18T07:35:00.000-07:002011-04-08T08:03:27.556-07:00FRAME1. Membuat Frame 1<br /><br /><br /><br /><br /><br />Cara membuat frame adalah dengan mengunakan lebih dari 1 halaman, langkahnya :<br /><br /> * Pertama Kita buat dahulu isi dari frame kita buat 2 halaman, halaman pertama bernama halaman_a.html yang kedua halaman_b.html<br /><br />----halaman_a.html-----<br /><html><br /><head><br /><title>halaman a</title><br /></head><br /><body><br /><h1>ini halaman A</h1><br /></body><br /></html><br /><br />----halaman_b.html-----<br /><html><br /><head><br /><title>halaman b</title><br /></head><br /><body><br /><h1>ini halaman B</h1><br /></body><br /></html><br /><br /> * Kedua kita buat halaman framenya, kita beri nama frame1.html<br /><br />-----frame1.html-----<br /><html><br /><head><br /><title>latihan frame</title><br /></head><br /><frameset cols="40%,*"><br /><frame src="halaman_a.html"/><br /><frame src="halaman_b.html"/><br /></frameset><br /></html><br /><br /><br /><br />2. Membuat Frame 2<br /><br /><br /><br /><br />----halaman_a.html-----<br /><html><br /><head><br /><title>halaman a</title><br /></head><br /><body><br /><h1>ini halaman A</h1><br /></body><br /></html><br /><br />----halaman_b.html-----<br /><html><br /><head><br /><title>halaman b</title><br /></head><br /><body><br /><h1>ini halaman B</h1><br /></body><br /></html><br /><br /><br />----frame2.html----<br /><html><br /><head><br /><title>latihan frame</title><br /></head><br /><frameset rows="30%,*"><br /><frame src="halaman_a.html"><br /><frameset cols="40%,*"><br /><frame src="halaman_b.html"/><br /><frame src="halaman_b.html"/><br /></frameset><br /></frameset><br /></html><br /><br /><br /><br /><br />3. Membuat frame tanpa border<br /><br /><br /><br /><br /> * Gunakan halaman_a.html dan halaman_b.html yang tadi untuk membuat ini<br /><br /><html><br /><frameset cols="40%,*" border="0"><br /><frame src="halaman_a.html"><br /><frame src="halaman_b.html"><br /></frameset><br /></html><br /><br /><br /><br />4. Membuat Frame dengan Link<br /><br /><br /><br /><br /> * Gunakan halaman_a.html dan halaman_b.html yang tadi untuk membuat ini<br /> * Buat lagi halaman baru seperti halaman_a.html kita beri nama halaman_c.html<br /><br /><br />----frame4.html-----<br /><html><br /><frameset cols="40%,*"><br /><frame name="kiri" src="halaman_a.html"/><br /><frame name="kanan" src="halaman_c.html"/><br /></frameset><br /></html><br /><br /><br /><br /><br />5. Membuat iFrame<br /><br /><br /><html><br /><body><br />Mencoba IFrame<br/><br /><iframe src="halaman_a.html"<br />width="200"<br />height="100"<br />align"=right"/><br /></body><br /></html><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2691167983663286831-8820613223434790649?l=www.luqmanjob.co.cc' alt='' /></div>M luqman hakimhttp://www.blogger.com/profile/00111656776479756636noreply@blogger.com0tag:blogger.com,1999:blog-2691167983663286831.post-70608394382140297742011-03-11T07:34:00.000-08:002011-04-08T08:00:02.861-07:00TABLE1. Membuat Table<br /><br /><html><br /><body><br /><table><br /><caption> Tabel Keahlian</caption><br /><tr><th>Name</th><th>Keahlian</th></tr><br /><tr><td>Superman</td><td>Bisa Terbang</td></tr><br /><tr><td>Spiderman</td><td>Nempel Dinding</td></tr><br /></table><br /></body><br /></html><br /><br />ket.<br />- tag untuk judul<br />- tag untuk isi table<br />- tag untuk isi table headline(nama kolom)<br />- tag untuk isi-isi tabel<br /><br /><br />2. Membuat table dengan background color dan border<br /><br /><html><br /><body><br /><table bgcolor="yellow" border="5"><br /><caption> Tabel Keahlian</caption><br /><tr><th>Name</th><th>Keahlian</th></tr><br /><tr><td>Superman</td><td>Bisa Terbang</td></tr><br /><tr><td>Spiderman</td><td>Nempel Dinding</td></tr><br /></table><br /></body><br /></html><br /><br /><br />3. Membuat table dengan jarak dan menentukan jarak table<br /><br /><br /><html><br /><body><br /><table border="10" cellpadding="10" cellspacing="20"><br /><caption> Tabel Keahlian</caption><br /><tr><th>Name</th><th>Keahlian</th></tr><br /><tr><td>Superman</td><td>Bisa Terbang</td></tr><br /><tr><td>Spiderman</td><td>Nempel Dinding</td></tr><br /></tabel><br /></body><br /></html><br /><br />ket.<br />- tag untuk memberi jarak antar tabel<br />- tag untuk memberi jarak spasi antar table<br /><br /><br /><br />4. Membuat table dengan ukuran yang diinginkan<br /><br /><br /><br /><html><br /><body><br /><table border="1" width="300 height="600" align="center"><br /><caption> Tabel Keahlian</caption><br /><tr><th>Name</th><th>Keahlian</th></tr><br /><tr><td valign="top">Superman</td><td>Bisa Terbang</td></tr><br /><tr><td valign="middle">Spiderman</td><td>Nempel Dinding</td></tr><br /></body><br /></html><br /><br /><br /><br />5. Contoh table lainnya<br /><br /><html><br /><body><br /><table border="1"><br /><caption>DAta Mamalia</caption><br /><tr><br /><th rowspan="2" colspan="2"> Mamalia <th colspan="3">Jenis Mamalia</th><br /></tr><br /><tr><br /><th> Orang<br/>Utan </th><th>Gajah</th><th>Zebra</th><br /></tr><br /><tr><br /><th rowspan="2">Jenis<br/>Kelamin</th><br /><th>Jantan</th><br /><td>15</td><td>5</td><td>8</td><br /></tr><br /><tr><br /><th>Betina</th><br /><td>25</td><td>7</td><td>10</td><br /></tr><br /></table><br /></body><br /></html><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2691167983663286831-7060839438214029774?l=www.luqmanjob.co.cc' alt='' /></div>M luqman hakimhttp://www.blogger.com/profile/00111656776479756636noreply@blogger.com0tag:blogger.com,1999:blog-2691167983663286831.post-46882562530327828682011-03-04T07:33:00.000-08:002011-04-08T07:58:29.088-07:00LIST, LINK, HYPERLINK1.Membuat List<br /><br /><html><br /><body><br />BAB 1 dengan UL<br /><ul><br /><li>hello</li><br /><li>hello</li><br /><li>hello</li><br /></ul><br />BAB 2 dengan OL<br /><ol><br /><li>hai</li><br /><li>hai</li><br /><li>hai</li><br /></ol><br /></body><br /></html><br /><br />Ket.<br />- tag <ul> adalah unorderlist digunakan untuk membuat list berupa bullets<br />- tag <ol> adalah orderlist digunakan untuk membuat list berupa number<br />- tag<li> sebagai isi<br /><br /><br /><br /><br />2. List dengan atribut<br /><br /><br /><br /><html><br /><body><br />Klarifikasi Hewan dengan UL Circle<br /><UL type="circle"><br /><li>mamalia</li><br /><li>reptil</li><br /><li>amfibi</li><br /></UL><br />Klarifikasi Hewan dengan UL Square<br /><UL type="square"><br /><li>mamalia</li><br /><li>reptil</li><br /><li>amfibi</li><br /></UL><br /><br />Klarifikasi Hewan dengan UL Disc<br /><UL type="disc"><br /><li>mamalia</li><br /><li>reptil</li><br /><li>amfibi</li><br /></UL><br /><br /><br />Klarifikasi Hewan dengan OL type "a"<br /><OL type="a" start="1"><br /><li>mamalia</li><br /><li>reptil</li><br /><li>amfibi</li><br /></OL><br />Klarifikasi Hewan dengan OL type "A"<br /><OL type="A" start="4"><br /><li>mamalia</li><br /><li>reptil</li><br /><li>amfibi</li><br /></OL><br /><br />Klarifikasi Hewan dengan OL type romawi "i"<br /><OL type="i" start="8"><br /><li>mamalia</li><br /><li>reptil</li><br /><li>amfibi</li><br /></OL><br /><br />Klarifikasi Hewan dengan OL type romawi "I"<br /><OL type="I" start="12"><br /><li>mamalia</li><br /><li>reptil</li><br /><li>amfibi</li><br /></OL><br />Klarifikasi Hewan dengan OL type angka "1"<br /><OL type="1" start="16"><br /><li>mamalia</li><br /><li>reptil</li><br /><li>amfibi</li><br /></OL><br /></body><br /></html><br />ket.<br />- atribut pada tag <ul> hanya type dan berisi square(kotak), circle(lingkaran), disc (bulat penuh)<br />- atribut pada tag <ol> bertype type(type number apa yang akan kita pakai) dan start(dari angka berapa kita akan mulai)<br /><br /><br /><br /><br />3. Link and Hyperlink<br /><br /><br /><br /><html><br /><body><br />Hyperlink ke halaman web <br/><br /><a href = "Biodata.html"> Go to Biodata </a><br/><br/><br /><br />Link ke email<br/><br /><a href = "mailto:m.rhyadh@gmail.com"><br />Send a email<br /></a><br/><br/><br /><br />Situs web<br/><br /><a href = "http://www.google.com">Go to Google </a><br/><br/><br /></body><br /></html><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2691167983663286831-4688256253032782868?l=www.luqmanjob.co.cc' alt='' /></div>M luqman hakimhttp://www.blogger.com/profile/00111656776479756636noreply@blogger.com0tag:blogger.com,1999:blog-2691167983663286831.post-29277221513167544782011-02-20T09:43:00.000-08:002011-04-08T08:01:33.532-07:00Mengenal HTML1. Kerangka Utama Dokumen XHTML<br /><html><br /><head><br /><title> Judul Dokumen</title><br /></head><br /><body><br />Isi Dokumen ditulis disini<br /></body><br /></html><br /><br />2. Cara Mengganti Warna Latar<br /><html><br /><head><br /><title> Judul</title><br /></head><br /><body bgcolor=”aqua”><br />Isi Tulisan<br /></body><br /></head><br /></html><br /><br />3. Cara Menambah Komentar<br /><html><br /><head><br /><title> Judul</title><br /></head><br /><body bgcolor=”aqua”><br /><!–ini komentarnya–><br />Isi Tulisan<br /></body><br /></head><br /><br />4. Mengenal Berbagai macam Tag<br /><html><br /><head><br /><title> Judul</title><br /></head><br /><p align=”center”><br />Hallo Semua<br/><br /></p><br /><hr/><br /><b>Nama Saya Rhyadh</b><br/><br /><i>nrp 0972167</i><br /><small>asal cimahi</small><br /><big>hobby bermain bola</big><br /><hr width= “5%” size=”20” align=”center noshade/><br />Ini Tanpa efek font apapun<br/><br /><font face=”arial” size=”5” color=”red”><br />Ini dengan efek FONT<br /></font><br /><pre><br />Belajar tag pre<br />Ini berfungsi untuk melakukan preformat<br />Jadi tidak usah memkain tag br untuk melakukan enter<br /></pre><br />Ayo Belajar <acronym title=”Hyper Text Markup Language”>HTML</acronym><br /></body><br /></head><br /><br />Ket.<br />- Tag <br/> berfungsi sebgai enter<br />- Tag <p></p> digunakan untuk mengelompokan suatu text ke dalam suatu paragraf<br />- Tag<b><i><u> berfungsi sebagai bold, italic, dan underline<br />- Tag<big>dan<small> berfungsi untuk memperbesar dan memperkecil tulisan<br />- Tag <hr/> digunakan untuk membuat suatu garis mendatar/ horisontal<br />- Tag <font> digunakan untuk melakukan pengaturan huruf<br />- Tag <pre></pre> digunakan untuk melakukan preformat, kita tidak usah melakukan tag <br> untuk melakukan enter<br />- Tag <acronym> digunakan untuk memberi keterangan tambahan terhadap suatu istilah ataupun singkatan<br /><br />5. Mengenal Tag Heading<br /><html><br /><head><br /><title> Judul</title><br /></head><br /><body ><br /><h1 align=”center”>heading 1 </h1><br /><h2 align=”right”>heading 2</h2><br /><h3 align=”left”>heading 3 </h3><br /><h4>heading 4</h4><br /><h5>heading 5</h5><br /><h6>heading 6</h6><br /></body><br /></head><br /><br />Ket.<br />- Terdapat 6 ukuran heading mulai <h1> sampai dengan <h6> , <h1> huruf paling besar dan <h6> paling kecil<br /><br />6. Mengenal Spesial Character<br /><html><br /><head><br /><title> Judul</title><br /></head><br /><body ><br />&copy;<br />&reg;<br />&amp;<br />&times;<br />&divide;<br />&lt;<br />&gt;<br />&frac12;<br /></body><br /></head><br /><br />Ket.<br />- Digunakan untuk menulis Spesial Character di HTML<br /><br />7. Mengenal tag <sup>, <sub>, <tt>, dan <del><br /><br /><html><br /><body><br />Percobaan yang <del>salah</del><br/><br /><tt>Senyawa dan Satuan</tt><br/><br />H<sub>2</sub>SO<sub>4</sub><br/><br />Satuan Luas adalah meter<sup>2</sup><br/><br /></body><br /></html><br /><br />Ket.<br />- tag <del> digunakan untuk membuat efek coretan<br />- tag <tt> digunakan untuk membuat efek mesin tik<br />- tag <sub> digunakan untuk efeksubscript<br />- tag <sup> digunakan untuk efeksuperscript<br /><br />8. Memberi Gambar Pada Latar dan tag <img><br /><html><br /><head><br /><title> Judul</title><br /></head><br /><body ><br /><body background=”merapi.jpg”><br /><img src=”pic1.jpg”/><br /><img src=”water lilies.jpg”<br />Align= “middle”<br />Alt=”bunga lili”<br />Width=”200”<br />Height=”300”/><br />Ini Bunga Lili<br /></body><br /></head><br /><br />Ket.<br />- Atribut background pada tag<body> dilakukan untuk mengatur gambarnya dan file gambar dan filexhtml harus berada di satu lokasi yang sama<br />- Tag <img> digunakan untuk menambahkan gambar pada suatu halaman web, tag ini pun gambarnya harus berada di dalaman satu lokasi file yang sama<br />- Atribut yang berada dalam tag <img> berfungsi untuk mengatur ukuran, posisi, dan keterangan.<br /><br />9. Mengenal Tag <marquee><br /><html><br /><head><br /><title> Judul</title><br /></head><br /><body ><br /><font size=”7” color= “grey”><br /><marquee direction=”right”><br /></marquee><br /></font><br /></body><br /></head><br /><br />Ket.<br />- Tag <marquee> digunakan untuk membuat animasi sederhana dan atribut direction untuk mengatur arah gerakan<br /><br />10. Menambahakan Lagu<br /><html><br /><head><br /><title> Memutar Lagu </title><br /></head><br /><body ><br /><bgsound src=”lagu.mp3” loop=”2”/><br /><h2>Mencoba lagu</h2><br /></body><br /></head><br /><br />Ket.<br />- Tag bgsound digunakan untuk menambahkan lagu<br />- Atribut src adalah file lagu<br />- Atribut loop adalah berapa kali memutar lagu<br /><br />11. Menambahkan Video<br /><html><br /><head><br /><title> Memutar Video</title><br /></head><br /><body ><br /><h2>Mencoba Video</h2><br /><embed src=”video.mpg”<br />Width=”300”<br />Height=”200”<br />Loop=”true”<br />Autostart=”false”/><br /></body><br /></head><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2691167983663286831-2927722151316754478?l=www.luqmanjob.co.cc' alt='' /></div>M luqman hakimhttp://www.blogger.com/profile/00111656776479756636noreply@blogger.com0tag:blogger.com,1999:blog-2691167983663286831.post-31685023141503607532009-12-07T08:13:00.000-08:002011-02-13T01:59:07.797-08:00welcome to my blogwelcome to my blog,this is my frist blog...please enjoy it<br /><br />student of maranatha cristian university 2009<br /><br />Name : M Luqman Hakim<br />NRP : 0972183<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2691167983663286831-3168502314150360753?l=www.luqmanjob.co.cc' alt='' /></div>M luqman hakimhttp://www.blogger.com/profile/00111656776479756636noreply@blogger.com0